Please login or register.

Login with username, password and session length
Advanced search  

News:

Latest sNews - sNews 1.7 - with its own forums - for discussion and user mods.

Author Topic: Input windows.  (Read 11565 times)

Blookat

  • Newbie
  • *
  • Karma: 1
  • Posts: 5
Input windows.
« on: September 02, 2008, 06:23:46 AM »

I'm pretty damn new to all of this, and I'm having a bit of trouble with a couple of features that snews has to offer. I have been messing around with this test site I have threw together a lot trying to figure out how this all works, I'm still just a newbie at even basic programming so I bet I'm making a lot of errors in the css thats causing this problem. This site probably isnt going to be used for anything, I'm just using it to learn the basics of all of this.

The windows that you are supposed to input data for the comments, and the one to input the text for articles and pages are shaped extremely weird. Such as the comment message box is about wide enough to fit 8 chars into it before it exceeds the width, and then it uses a scrollbar. Then in the same window that the comment box would appear is where the new article page will load in, and that box is extremely long and going under some of my navigation buttons. I have no idea what is causing these errors...

I'm not too sure what your going to want to see, so heres my style.css file. If you need anything else tell me.
Code: [Select]
body {
margin: 0 auto;
padding : 0;
margin : 0;
font : 0.74em Arial, sans-serif;
line-height : 1.5em;
background : #393939;
color : #fff;
}
a {
color : #d0eb55;
background : inherit;
text-decoration : none;
}
a:hover {
color : #d0eb55;
background : inherit;
text-decoration : underline;
}
p {
margin : 5px 0;
}
h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}
h2 {
font : bold 1.6em Arial, Sans-Serif;
letter-spacing : -1px;
}
h3 {
padding : 4px 0;
margin : 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
ol {
padding : 0;
margin : 0;
}
.code {
padding : 3px 5px 3px 35px;
border : 1px solid #666;
list-style-type : decimal-leading-zero;
font-family : Courier;
}
.code code {
font-family : Monaco, "Courier New", Tahoma;
font-size : 1.2em;
}
.code li {
margin : 2px 0;
padding : 0 5px;
background : #333;
}
.code li.t1 {
padding-left : 4ex;
}
.code li.t2 {
padding-left : 8ex;
}
.code li.t3 {
padding-left : 12ex;
}
.code li.t4 {
padding-left : 16ex;
}
.code li.t5 {
padding-left : 20ex;
}
.code li.t6 {
padding-left : 24ex;
}
.code li.t7 {
padding-left : 28ex;
}
.code li.t8 {
padding-left : 32ex;
}
.content {
margin : 0 auto;
width : 1000px;
}
#topbar {
height : 35px;
background : #212121;
width : 100%;
}
#topbar #icons {
float : right;
margin : 10px 0 0;
padding : 0;
}
#topbar #icons img {
padding-right : 4px;
border : 0;
}
.url {
padding : 10px 0;
}
.url a {
color : #454545;
text-decoration : none;
}
.url a:hover {
color : #fff;
}
#top {
padding-top : 0;
background : #3d3d3b url(images/topbg.gif) repeat-x;
height : 85px;
margin-bottom : 25px;
}
#top h1 {
font : bold 2.6em Arial, Sans-Serif;
padding : 20px 0 0 0;
margin : 0;
letter-spacing : 1px;
color : #d0eb55;
}
#top a:hover {
text-decoration : none;
}
#top h2 {
font : 0.9em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#menu {
float : right;
height : 23px;
margin-top : 35px;
}
#menu a {
color : #fff;
background : inherit;
text-decoration : none;
padding-left : 10px;
line-height : 23px;
font-weight : bold;
}
#menu a span {
padding-right : 10px;
}
#menu a, #menu a span {
display : block;
float : left;
}
#menu a:hover, #menu .current {
color : #fff;
background : #a9bc52 url(images/tabl.gif) no-repeat left top;
padding-left : 10px;
height : 23px;
}
#menu a:hover span, #menu .current span {
background : url(images/tabr.gif) no-repeat right top;
padding-right : 10px;
height : 23px;
cursor : pointer;
}
#menu ul {
list-style : none;
padding : 0;
margin : 0;
}
#menu li {
float : left;
margin : 0 0 0 5px;
}
#main {
width : 100%;
margin : 0;
padding : 0;
}
.right_side {
float : right;
width : 202px;
background : inherit;
overflow : hidden;
}
.right_side .pad {
padding : 0 0 10px 17px;
}
.right_side p {
padding : 0 0 5px 5px;
}
.right_side ul {
padding : 3px 0 12px 5px;
}
.right_side li {
line-height : 18px;
background : inherit;
list-style : square;
padding-left : 0px;
margin-left : 17px;
color : #b4e04a;
}
.right_side a {
background : inherit;
text-decoration : none;
}
.right_side a:hover {
text-decoration : underline;
}
.right_side h3 {
color : #eee;
font : bold 1.2em Arial, Sans-Serif;
background : url(images/rmenuhead.gif) no-repeat top;
width : 202px;
height : 30px;
padding-top : 7px;
text-indent : 10px;
}
#left_side {
background : inherit;
margin-bottom : 10px;
width : 590px;
}
#left_side .intro {
background : #414141;
color : #fff;
}
#left_side .intro .pad {
padding : 10px;
}
#left_side .intro a {
color : #b4e04a;
text-decoration : none;
}
#left_side .intro a:hover {
color : #cdff56;
text-decoration : underline;
}
#left_side .mpart {
padding : 20px 0 0 0;
}
#left_side h2 {
background : inherit;
padding : 0;
margin : 0;
font : 1.8em verdana, Arial, Sans-Serif;
}
#left_side .mpart h3 {
background : inherit;
padding : 0;
margin : 0 0 15px 0;
font : 0.9em verdana, Arial, Sans-Serif;
color : #a5a5a5;
}
#left_side p {
color : #e7e7e7;
padding : 0;
text-align : justify;
}
#left_side img {
float : left;
padding : 0 10px 5px 0;
}
.date {
padding : 7px 35px 0 0;
margin : 10px 0 25px 0;
text-align : right;
background : url(images/commentb.gif) no-repeat top right;
height : 32px;
}
.date a {
font : bold 1.2em Arial, Sans-Serif;
color : #a9bc52;
background : transparent;
}
#left_side .rs {
float : right;
margin : 0 0 0 10px;
border : 1px solid #888;
padding : 5px;
background : inherit;
}
#left_side ul {
list-style-position : inside;
margin-left : 2px;
}
#left_side ul li {
list-style-type : square;
margin-left : 15px;
}
#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;
}

#footer {
clear : both;
width : 1000px;
margin : 0 0 6em 0;
padding-top : 5px;
color : #777;
border-top : 1px solid #444;
background : inherit;
}
#footer .right {
float : right;
}
#footer a {
text-decoration : none;
background : inherit;
}
Also, since I am using the multi user, is there anyway I can make it so a email is not required to sign up for now? I dont have an email server installed so I cant send out the emails for activation when im locally hosting it.

Be gentle, I know I'm extremely newbie. =/
« Last Edit: September 02, 2008, 07:30:00 AM by Blookat »
Logged

jlhaslip

  • Sr. Member
  • ****
  • Karma: 16
  • Posts: 374
    • My snews with AEF Forum site
Re: Input windows.
« Reply #1 on: September 02, 2008, 07:07:39 AM »

The comment textarea has an id="text, but there is no CSS for #text, so, add something along these lines to remove the default styling of the comment textarea:
Code: [Select]
#text {
width: 500px;
}
No, I am not super smart... I use the Firefox Web Developers Extension and Firebug to find all this stuff.

I defer to Keyrocks on the Email question...
Logged
Yes! I have no siggy.

Blookat

  • Newbie
  • *
  • Karma: 1
  • Posts: 5
Re: Input windows.
« Reply #2 on: September 02, 2008, 07:17:24 AM »

Ah, thank you for mentioning how you got those IDs. I have never heard of either of those addons for firefox. They helped immensely finding out the ID for all of those boxes. The email thing really doesnt bother me, since I can just set their password after they have signed up or before and just give it to the person right now. It would just be a bit more convienent to have an on/off setting for that and allow the user to choose their own password.
« Last Edit: September 02, 2008, 07:29:43 AM by Blookat »
Logged

Keyrocks

  • Doug
  • ULTIMATE member
  • ******
  • Karma: 449
  • Posts: 6019
  • Semantically Challenged
    • snews.ca
Re: Input windows.
« Reply #3 on: September 02, 2008, 02:34:41 PM »

Always include sNews CSS in any Template's CSS file:
When you use another template with sNews you will be using the CSS that comes with that template.
But, every sNews site needs a minimum group of CSS styles for its Administration and Comments functions.
If you look in the style.css file that came with your default package, scroll down to around line 40 and the section that starts there is the group you need. So... you will need to copy this into the CSS file for any template you use:

Quote

/* sNews */
fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }
.comment { background: #F5F6F6; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #f4f4f4; color: #808080; padding: 10px; margin: 0 0 10px 0; }
.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }

#categories li {border:1px solid #ffffff; color:#286ea0; display:block; font-size:1.1em; font-weight:bold; padding:4px 2px 4px 10px; width:110px;}
#categories li:hover {background-color:#f8f8f8; border:1px solid #cccccc; color:#333333; text-decoration:none;}
#categories li a {background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:none;}


.textarea - sets the width of all form text entry panels to 97% of the width of the container in which it is located, and the height at 20px and inner padding of 3px.

Users E-mail on Registration:
When someone uses the Registration panel to sign up, he or she must enter their Username and E-mail address as Mandatory information. There is no Admin check-box anywhere to switch off the E-mail entry field... if that was what you wanted to do. Again... whether you have a mail server installed on your domain or not has no bearing on this. The Username and E-mail (and website URL if provided) get stored in the users database table.

When the new registration information is submitted, the new User must get an e-mail with his/her password, because the password is automatically generated and encyrpted at random. The user must have this so he/she can then log in and change his/her password to something of their own choice. There is no getting around it unless you switch off (hide) the public registration panel.

Add Users Manually:
If you have the public registration panel turned off (not visible) then you would add users as the Admin using the Add Users panel and the last check-box in that panel allows you to send an e-mail with account info to the new user by e-mail when you check it. Otherwise, no e-mail is sent. By default, this is the only place where you have this choice. You would then contact the User and provied them with the password you created when you created the account.
« Last Edit: September 02, 2008, 03:39:53 PM by Keyrocks »
Logged
Do it now... later may not come.
-------------------------------------------------------------------------------------------------
sNews 1.6 MESU | sNews 1.6 MEMU