Back | Reverse | Quick Reply | Post Reply |

Cascading style sheets for you
Link | by Rhapsody on 2005-10-31 20:19:42 (edited 2005-10-31 20:26:30)
Copy and paste these CSS into the last box in the 'Edit Profile' section. You can use your own css if ya want!

CSS #1

BODY {scrollbar-3d-light-color:#CBD6AB;
scrollbar-arrow-color:#ACD1B0;
scrollbar-base-color:#ACD1B0;
scrollbar-darkshadow-color:#CBD6AB;
scrollbar-track-color:#CBD6AB;
scrollbar-face-color:#85BB8A;
scrollbar-highlight-color:#CBD6AB;
scrollbar-shadow-color:#CBD6AB}

body, p, ul, li { font-family: georgia; color: #3F519B; background-repeat: no-repeat; background-image: url(); font-size:8pt; font-weight:normal; cursor:none; text-align:justify; background-attachment: fixed;}

td { font-family: georgia,verdana; color: #3F519B; border-bottom:dashed 1px #8C62A8; line-height:20px; background-color: none; font-size:8pt; font-weight:bold; line-height:13px; cursor:none; text-align:justify}

A:link
{ text-decoration: none; color:#107F10; font-weight:bold; cursor:default}
A:visited
{ text-decoration: none; color:#107F10; font-weight:bold; cursor:default}
A:active
{ text-decoration: none; color:#107F10; font-weight:lighter; cursor:default}
A:hover
{ text-decoration: underline, overline; color:#8C62A8; font-weight:bold; cursor:default}

b { font-family: georgia, verdana; color: #040000; text-align:center; font-size:9pt; }

p.dotted {border-style: dotted; }

#head { border-bottom: solid 1px #299138; border-top: font-family: sans-serif,verdana; letter-spacing:5.5px; text-align:left; font-size: 9pt; color: #ffffff; font-weight: bold;}

input, textarea, option, select {
background-color: #C3CFA8;
font: 8pt georgia;
color: #3F519B;
letter-spacing: 1px;
border: 0px solid #299138;
padding:2px; }



CSS #2(Im using this..)

body{ scrollbar-face-color:#E5E5E5;
scrollbar-shadow-color: #E5E5E5;
scrollbar-highlight-color: #808080;
scrollbar-3dlight-color: #E5E5E5;
scrollbar-track-color: #808080;
scrollbar-arrow-color: #E5E5E5;
scrollbar-darkshadow-color: #808080}
body,tr,td {font-size: 8pt; font-family: tahoma; text-align: justify;
color:#9F7977; line-height:10px; letter-spacing:0pt}
TD,P,A,LI,UL,CENTER {font-family:georgia ; font-size: 8pt };
A { text-decoration: none; }
A:link { text-decoration: none; color:"#808080" }
A:visited { text-decoration: none; color:"#808080" }
A:hover { text-decoration: none; border-bottom: none; cursor: n-resize; color:"#808080";
}
input, textarea {
background: #
black;
font-family : Tahoma;
color : #9F7977;
padding: 2px;
margin:1px 0px 1px 0px;
font-size : 10px;
border : 1px solid;
border-color: #6FC6CC #45878C #45878C #6FC6CC;
scrollbar-3dlight-color: #9EC7CA;
scrollbar-arrow-color: #5FA0A5;
scrollbar-base-color: #9EC7CA;
scrollbar-darkshadow-color: #9EC7CA;


CSS #3 vintage-melody.org

body {
font-family: verdana;
font-weight: normal;
background-color: #AAE5ED;
font-size: 10pt;
color: #458991;
cursor: default;
text-align: left;
scrollbar-3dlight-color: #A7E7F1;
scrollbar-arrow-color: #53A7B4;
scrollbar-base-color: #A7E7F1;
scrollbar-darkshadow-color: #A7E7F1;
scrollbar-face-color: #53A7B4;
scrollbar-highlight-color: #A7E7F1;
scrollbar-shadow-color: #A7E7F1;
scrollbar-track-color: #A7E7F1;
cursor:Default;
}

img {
border: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
border-right: 0px;
}

A:link, A:visited, A:active {
text-decoration:none;
font-size: 10px;
font-weight: bold;
color:#376E75;
border-bottom: 1px dotted;
border-color: #397682;
}

A:hover {
text-decoration:underline;
font-size: 10px;
font-weight: bold;
color:#376E75;
border-bottom: 2px solid;
border-color: #4C8B97;
font-weight: none;
background-color: #ABD0D7;
cursor: hand;
}

input, textarea {
background: #9EC7CA;
font-family : verdana;
color : #165559;
padding: 2px;
margin:1px 0px 1px 0px;
font-size : 10px;
border : 1px solid;
border-color: #6FC6CC #45878C #45878C #6FC6CC;
scrollbar-3dlight-color: #9EC7CA;
scrollbar-arrow-color: #5FA0A5;
scrollbar-base-color: #9EC7CA;
scrollbar-darkshadow-color: #9EC7CA;
scrollbar-face-color: #5FA0A5;
scrollbar-highlight-color: #9EC7CA;
scrollbar-shadow-color: #9EC7CA;
scrollbar-track-color: #9EC7CA;
}

blockquote {
background-color: #C1DDDF;
font-family: verdana;
color: #279098;
font-size: 10px;
text-align: left;
margin-left: 15px;
margin-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-top: 1px solid;
letter-spacing: 0px;
border-bottom: 1px solid;
border-left: 5px solid;
border-right: 5px solid;
border-color: #6FB6BB;
}

h1 { background-color: transparent;
color: #F2F2F2;
font-weight: bold;
font-size: 12px;
font-family: verdana;
text-align: left;
border-top: 0px #323232 dotted;
border-bottom: 2px #323232 dotted;
border-left: 0px #323232 dotted;
border-right: 0px #323232 dotted;
}




KUROSAKI

[ ICHIGO ]
love I Love Kurosaki Ichigo!

Re: Cascading style sheets for you
Link | by S-a-c-h-i-e-l on 2005-10-31 21:51:21
O_o So that's what that stuff does... Interesting...


Re: Cascading style sheets for you
Link | by Rhapsody on 2005-10-31 23:07:01
In your Edit Profile section, copy one of the CSS give below and paste in the Stylesheet Data field. Enjoy it. I;ve made the first two myself. The third one i copied from vintage-melody.org



KUROSAKI

[ ICHIGO ]
love I Love Kurosaki Ichigo!

Re: Cascading style sheets for you
Link | by lady_rin on 2005-11-02 05:14:26
how do they work or how do you use them please?


Re: Cascading style sheets for you
Link | by Rhapsody on 2005-11-03 00:57:06
In your Edit Profile section, the last field saying StyleSheet Data, copy one of these. Its a stylesheet. It makes gendou look nicer (lol) since gendou-san allows us to use them.. copy one of the sheet below and paste it in StyleSheet data field.



KUROSAKI

[ ICHIGO ]
love I Love Kurosaki Ichigo!

Re: Cascading style sheets for you
Link | by S-a-c-h-i-e-l on 2005-11-04 00:04:36
Select (highlight) the area you want, right click, go to copy, go to your profile, and paste the thing you copied into your CSS slot.


Re: Cascading style sheets for you
Link | by ketsuki on 2005-11-04 22:46:21
could anyone tell me how to put the pictures. please


Re: Cascading style sheets for you
Link | by psoplayer on 2005-11-04 22:55:43
Use the html "img" tag. If you don't know how to use html, go here. Your pictures must be hosted online by a server.


Re: Cascading style sheets for you
Link | by lady_rin on 2005-11-06 10:15:05 (edited 2005-11-06 10:20:22)
I see Gendou is being his usual taciturn self.

You do need an image hosting account. I suggest photobucket.

For this tutorial

{ symbol is the same as <
} symbol is the same as >






This line:

{img src="http://img.photobucket.com/albums/v43/desertranger/Lady_Rin/LadyRin_blue.jpg" alt="text here."}

Gives you this image:

Image hosted by Photobucket.com

Prebuilt image tags for your pictures are underneath the graphic if you use photobucket. In addition photobucket give you the opiton of using a clickable thumbnails like for several pictures with the generate HTML button at the bottom of the page


 


This is my own artwork BTW. Have fun.


Re: Cascading style sheets for you
Link | by lady_rin on 2005-11-06 10:24:42 (edited 2005-11-06 10:34:56)
A double post. Here is the sheet I'm working on based the one Rhapsody put up. I haven't figured it all out yet, especially how to change the link colours. It does need some more work.

Just cut and paste that into the css box in your profile.





body{ scrollbar-face-color:#E5E5E5;
scrollbar-shadow-color: #E5E5E5;
scrollbar-highlight-color: #808080;
scrollbar-3dlight-color: #E5E5E5;
scrollbar-track-color: #808080;
scrollbar-arrow-color: #E5E5E5;
scrollbar-darkshadow-color: #808080}
body,tr,td {font-size: 10pt; font-family: comic sans ms; text-align: justify;
color: #00FA9A; line-height:16px; letter-spacing:0pt}
TD,P,A,LI,UL,CENTER {font-family:comic sans ms; font-size:10pt };
A { text-decoration: none; }
A:link { text-decoration: none; color: #00BFFF }
A:visited { text-decoration: none; color: #4169E1 }
A:hover { text-decoration: none; border-bottom: none; cursor: n-resize; color: #00BFFF;
}
input, textarea {
background: #
black;
font-family : comics sans ms;
color : #001111;
padding: 2px;
margin:1px 0px 1px 0px;
font-size : 12px;
border : 1px solid;
border-color: #6FC6CC #45878C #45878C #6FC6CC;
scrollbar-3dlight-color: #9EC7CA;
scrollbar-arrow-color: #5FA0A5;
scrollbar-base-color: #9EC7CA;
scrollbar-darkshadow-color: #9EC7CA;


Re: Cascading style sheets for you
Link | by Menos Grande on 2005-11-06 12:17:16
that's pretty cool I like the first one


Re: Cascading style sheets for you
Link | by S-a-c-h-i-e-l on 2005-11-06 12:43:14
Lady Rin has even more 1337 5ki11z0rz!!1!


Re: Cascading style sheets for you
Link | by lady_rin on 2005-11-07 12:39:57
What does that mean? I think I got 'skills' out of it.


Re: Cascading style sheets for you
Link | by on 2005-11-07 17:33:47
wait what does the Style sheets does anyways?


Re: Cascading style sheets for you
Link | by Rhapsody on 2005-11-08 02:18:57
How do i put it.. Erm, a stylesheet for websites. if not your site will be plain erm no offence to gendou (I hope!). Bah, gendou is not plain. Try it and u will understand



KUROSAKI

[ ICHIGO ]
love I Love Kurosaki Ichigo!

Re: Cascading style sheets for you
Link | by on 2013-04-07 05:09:23
this is really helpful x33

haruka-chiiharuka-chii
Profile Customization 87.3% Complete

Back | Reverse | Quick Reply | Post Reply |

Copyright 2000-2024 Gendou | Terms of Use | Page loaded in 0.0034 seconds at 2024-11-29 08:59:57