SMF For Free Support Forum
Signup For Free Forum
October 11, 2008, 01:28:16 am *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Welcome to SMF For Free. The best free SMF Host
 
   Home   Help Search Arcade Gallery Login Register  

Pages: [1]
  Print  
Author Topic: Stylesheet Making Tips/Helpful Links  (Read 2086 times)
0 Members and 1 Guest are viewing this topic.
simply sibyl
Global Moderator
*
Offline Offline

Posts: 8444



View Profile WWW
« on: July 03, 2007, 11:40:11 am »

This Thread is for Tips and Helpful Links for Making Stylesheets ONLY
Do NOT ask stylesheet questions in this thread and let's leave it for helpful things.
If you have a helpful tip, trick, or link feel free to use this thread to share it.


Stylesheets made by members and posted here at Support
You must give credit and a link back to the original author of a stylesheet if you do a remake or a conversion of a stylesheet or theme.
Stylesheet Authors Please Read


w3schools is invaluable for learning css:
http://w3schools.com/css/default.asp

Color coded forum - see where each color is used:    
Its sole purpose is for you to look around and to be able to easily see where the areas are in the css.
You do not need to signup to use it.
Color Coded Stylesheet Help

Tutorial for the Default CSS:
Written by patrick from the simplemachines forum, describes each section in the css (with pictures)  (a lot of help)
patrick's tutorial



Background Help:
How to put a background image on your forum
w3schools background css info
How to put an image on top of the background

Center Forum /  Make exact width:
How to center the forum or make it an exact width

Tab Help:
Change Tab Colors

How to Change the News Fader Font and Link Colors:
Change News Fader Font and Link Colors

Color Code Sites:
http://html-color-codes.com/
http://www.december.com/html/spec/color.html
http://www.webmonkey.com/webmonkey/reference/color_codes/
http://www.computerhope.com/htmcolor.htm#03
http://instant-eyedropper.com/info/html_color_code/

Find Colors that Go well together with:
Color Blender

Select Colors from anywhere on the screen with:
Instant Eyedropper


Need to change the color of the fonts only in this area?

Quote
Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum

Powered by SMF | SMF © 2006, Simple Machines LLC

Add this to your css, change the color code to what you need.

Code:

#footerarea a:link, #footerarea a:visited
{
color:  #D9DBB5;
}


« Last Edit: October 03, 2008, 11:49:02 am by simply sibyl » Logged

Celebrus
SMF For Free Hero
*
Offline Offline

Posts: 786


Previously known as Omikron


View Profile WWW
« Reply #1 on: April 22, 2008, 02:22:02 am »

http://browsershots.org/

"Test your web design in different browsers"

"Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server here. "

It basically takes screenshots of your web site in various browsers in various operating systems. It might be useful in seeing how your style performs under various circumstances.
Logged

simply sibyl
Global Moderator
*
Offline Offline

Posts: 8444



View Profile WWW
« Reply #2 on: June 15, 2008, 09:31:57 pm »

Doing a lot of css editing and tired of having to keep scrolling to the bottom of the page?

Put this in your footer:  <a name="bottom"></a>

Make a custom tab    (Admin > Manage Styles > Custom Tabs)
Title:     Down
URL:     #bottom

When you click the "down" tab it will take you to the bottom of the forum.
Its really helpful in Admin, when doing a lot of css editing as you can get to
the bottom of the screen quickly.

(actually its helpful in many places on the forum)
« Last Edit: June 15, 2008, 09:34:26 pm by simply sibyl » Logged



Pages: [1]
  Print  
 
Jump to:  

Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC
ServerBeach Coupon
Page created in 0.367 seconds with 17 queries.