Learn Japanese with JapanesePod101.com

View topic - Website Style

Website Style

Spotted any errors or found anything that doesn't work?

Website Style

Postby dreamingxashley » Thu 04.21.2005 7:41 pm

Clay, I would like to request a pink style for the page. :) (not the singer). You have lots of other colours to choose from but not pink! I would like a style that is mostly pink, but it could also have white in it - different shades of pink, or pink and black as a style combo. :D

Doozo* and Arigato

[small]*I looked up "please" in my dictionary, so I hope I got the right word... the other word meant "to give pleasure too" :o:D[/small]
Last edited by dreamingxashley on Thu 04.21.2005 7:44 pm, edited 1 time in total.
--Ashley
User avatar
dreamingxashley
 
Posts: 149
Joined: Wed 03.09.2005 6:50 pm

RE: Website Style

Postby clay » Thu 04.21.2005 9:07 pm

dreamingxashley wrote:
Doozo* and Arigato

[small]*I looked up "please" in my dictionary, so I hope I got the right word... the other word meant "to give pleasure too" :o:D[/small]


I'll see what I can do. I didn't write the content management software, but I am just dangerous enough with PHP (computer language) to *maybe* figure it out ;)

'Please' in this sense would be 'onegaishimasu' which really means something like 'it is my wish/desire.' Or you could say Douzo yoroshiku meaning, 'I will leave the matter to you.’ or something.
Last edited by clay on Thu 04.21.2005 9:08 pm, edited 1 time in total.
User avatar
clay
Site Admin
 
Posts: 2809
Joined: Fri 01.21.2005 9:39 am
Location: Florida

RE: Website Style

Postby clay » Thu 04.21.2005 9:30 pm

It looks like it is just a matter of editing and renaming a CSS file. Here is the code

Code: Select all
a { color:#113355; text-decoration:none; }
a:hover { color:#113355; text-decoration:underline; }

a.side { color:#113355; text-decoration:none; }
a:hover.side { color:#113355; text-decoration:underline; }

a.white { color:#eee; text-decoration:none; }
a:hover.white { color:#eee; text-decoration:underline; }

body {
   font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:11px;
   scrollbar-face-color:#004a80; scrollbar-shadow-color:#000a50;
   scrollbar-highlight-color:#307ab0; scrollbar-3dlight-color:#307ab0;
   scrollbar-darkshadow-color:#000a50; scrollbar-track-color:#003a70;
   scrollbar-arrow-color:#eee;
}

form { margin:0px 0px 0px 0px; }

hr { height:1px; color:#ddd }
hr.side-hr { height:1px; color:#ddd }

td { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:11px; }

pre { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; }

.alt { color:#666; }

.header {
   font-family:Verdana,Tahoma,Arial,Sans-Serif;
   font-size:10px;
   color:#333;
}

.header2 {
   font-family:Verdana,Tahoma,Arial,Sans-Serif;
   font-size:10px;
   color:#eee;
   padding:0px 4px 4px 4px;
}

.footer {
   font-family:Verdana,Tahoma,Arial,Sans-Serif;
   font-size:10px;
   color:#333; background-color:#bbb;
   border:#aaa 1px solid;
   padding:10px;
}

.footer2 {
   font-family:Verdana,Tahoma,Arial,Sans-Serif;
   font-size:10px;
   color:#666;
   padding:10px;
}

.button {
   font-family:Tahoma,Arial,Verdana,Sans-Serif;
   font-size:10px;font-weight:bold;
   color:#fff; background-color:#004a80;
   border-top:#001a50 1px solid;
   border-right:#374869 1px solid;
   border-bottom:#001a50 1px solid;
   border-left:#307ab0 1px solid;
   margin-top:2px;
}
   
.textbox {
   font-family:Verdana,Tahoma,Arial,Sans-Serif;
   font-size:10px;
   color:#000; background-color:#fff;
   border:1px #004a80 solid;
}

.main-bg { padding:10px; }

.side-border-left { padding:10px 0px 10px 0px; }
.side-border-right { padding:10px 0px 10px 0px; }

.main-body {
   font-size:11px;
   color:#000; background-color:#eee;
   padding:3px 4px 3px 4px;
}

.side-body {
   font-size:9px;
   color:#000; background-color:#eee;
   padding:4px 4px 6px 4px;
}

.border { background-color:#ddd; border:2px #004a80 solid; }

.infobar {
   font-size:9px;
   color:#000; background-color:#eee;
   padding:2px 4px 6px 4px;
}

.caption {
   font-family:Verdana,Tahoma,Arial,Sans-Serif;
   font-size:12px; font-weight:bold;
   color:#eee; background-color:#004a80;
   padding:0px 4px 4px 4px;
}

.side-caption {
   font-family:Verdana,Tahoma,Arial,Sans-Serif;
   font-size:10px; font-weight:bold;
   color:#eee; background-color:#004a80;
   padding:0px 4px 3px 4px;
}

.tbl-border { background-color:#bbb; }
.tbl { font-size:11px; padding:3px 4px 3px 4px; }
.tbl1 {   font-size:11px; color:#000; background-color:#eee; padding:4px; }
.tbl2 { font-size:11px; color:#000; background-color:#ddd; padding:4px; }
   
.forum-caption {
   font-size:10px; font-weight:bold;
   color:#eee; background-color:#004a80;
   padding:2px 4px 4px 4px;
}

.quote {
   color:#000; background-color:#fff;
   padding:2px;
   margin:0px 20px 0px 20px;
   border:1px #004a80 solid;
}
   
.poll { height:12px; border:1px #000 solid; }

.comment-name { font-weight:bold; color:#113355; }

.shoutboxname { font-weight:bold; color:#113355; }
.shoutbox { color:#555; }
.shoutboxdate { font-size:9px; color:#333; text-align:right; }

.small { font-size:10px; font-weight:normal; }
.small2 { font-size:10px; font-weight:normal; color:#555; }
.side-small { font-size:9px; font-weight:normal; color:#333; }
.side-label { background-color:#ddd; padding:2px; }

.gallery { padding: 16px 0px 8px 0px; }
.gallery img { border: 1px solid #ccc; filter: gray; }
.gallery:hover img { border: 1px solid red; filter: none; }
img.activegallery { border: 1px solid green; filter: none; }


Sorry for it being so long - but I thought if someone has a CSS editor, they could create custom colors and such. Then if you can email me the .css file, I will be happy to add it as a global template.

I will also play with it, but I don't have a program that makes it really easy :@
User avatar
clay
Site Admin
 
Posts: 2809
Joined: Fri 01.21.2005 9:39 am
Location: Florida

RE: Website Style

Postby dreamingxashley » Thu 04.21.2005 10:39 pm

Thanks! You dont have Dreamweaver? MX 04 has css editors and wizards and templates built in. I have it but its not installed...

I think you can just make a text file and rename it to .css and with making the colours you could just use a site that has the colours with html colour codes. :D
--Ashley
User avatar
dreamingxashley
 
Posts: 149
Joined: Wed 03.09.2005 6:50 pm

RE: Website Style

Postby clay » Fri 04.22.2005 3:11 pm

Yes, I do. I saw by right clicking it gives me a kind of editor, but I haven't done much with CSS. I think I also have Image Ready which I think is more geared for CSS.

It may be quite easy, but I may not have the time to get to it until next week.
User avatar
clay
Site Admin
 
Posts: 2809
Joined: Fri 01.21.2005 9:39 am
Location: Florida


Return to Problems

Who is online

Users browsing this forum: No registered users and 2 guests