June 25, 2018, 10:43:24 am
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Welcome to FlexiFlame! Graphics and Layouts. Please read the Rule Book. Updated:All navigational CSS layouts, homepage, forum page. Music added in our forum!
  Home   Forum   Help Search Staff List Login Register  

How to make Navigational CSS layouts (Updated!)

Pages: [1]   Go Down
Author Topic: How to make Navigational CSS layouts (Updated!)  (Read 596 times)
FlexiFlame Administrator
New FlexiFlamer

FlexiFlame Charms: 2
Offline Offline

Gender: Female
Posts: 33

View Profile WWW
« on: May 23, 2008, 12:44:12 am »

Requested by: animeprincess_liya

What you need:
~ An internet connection
~ Imagination and creativity.

Credits to: friendstertalk.com

 Cheesy Go to http://www.friendster-gens.com and choose Version 1.

 Cheesy After clicking that page, you will redirect to other page. This is where you will fill up all the necessary URLs, etc.

 Cheesy  Fill up all the features. If you don't want the feature, leave it blank.

Some feature informations:
(Used all caps for better look)

PAGE BACKGROUND  This will be the background of your page.

PAGE CURSOR  This will be your page's cursor.

PAGE SCROLLBARS  Here, you can customize your scrollbars.

PAGE BORDER  This is self-explanatory.

GLOBAL TEXTS  The font color, font size and design of your text.

GLOBAL LINK  You can customize the link and what it will look like.

GLOBAL LINK: HOVER  This is what your link will look like when you hover around it.

MASTER BOXES: BULLETS  Here you can change all the content boxes & master headers (Name's Friends, name's Comments etc.) at the same time - whatever styles you choose below will be applied to every single module box on your Friendster profile like the Photo Gallery, More About Me, My Blogs, My Testimonials, etc. The master bullet is the tiny image beside your profile's details.

CONTROL PANEL: BUTTONS HOVER  This is the main box at the top of your profile - the one with the large photo of you, your data (Profile Views, Location, Hometown, Company, Your URL, etc) and the control panel buttons (Send Message, Send a Smile, Add Testimonial, etc.)

MISC: SMALL PHOTO NAMES  In the Misc section you'll find the styles for the small photo thumbnails (in 'My Friends' and 'My Testimonials'), the names below the small photo thumbnails and also for the global 'View All'-links.

PERSONALIZED BANNER/HEADER  Your personalized banner will appear on top of your profile. Size of the banner is 810x310.

NAVIGATION LINKS  Your navigation is consists of Home, My profile, My Connection etc. This will change the color of your navigation links.

This will change the font color of your shoutbox. Background is set to transparent.

RECENT UPDATE BOX  Recent update box is located in your Control panel below your personal details.

STATUS BAR  Title Bar and Status Bar will be replaced with your own message. Do not use apostrophe ( ' ).

 Cheesy If you don't have a banner yet, make one in Paint or Lunapic or any image making programs and sites.

 Cheesy Upload to Photobucket.

 Cheesy Get the Direct link Code and paste it in Personalized banner or Header box.

 Grin Finished? Click Generate Friendster Code!

 Grin You're seeing the code, right? But we are not finished yet.

 Grin Open Notepad. Start button, all programs, accessories, NotePad.

 Grin Paste the code in the notepad.

 Grin Save filename.css
You can choose any filename you want, just make sure you'll add an extension .css

 Grin Create a Ripway acc., or if you already have one, log-in.

 Grin Then upload your file.

 Grin Copy the Direct Link Code found below the name of the file.

 Grin Then have this code. It needs editing.

<style type='text/css'>@\import url(CSS URL HERE);</style>

 Grin Then paste the CSS URL code you copied in below the downloaded filename in Ripway in the CSS URL HERE found in the code.
style type='text/css'>@\import url(CSS URL HERE);
You can see it inside the parenthesis.

 Grin You're done with the code! You can now paste it in your Media box section. You can now see your layout!

If there's something you can't understand just reply in this board.
Or simply reply for your comments.
If you want to submit a layout and you are not sure of it... to keep this thread alive, post it here with this form:
Layout Oreview:

That's it! Hope it helps.

Hope it helps.
« Last Edit: May 25, 2008, 06:21:07 pm by GodGurl25 » Report Spam   Logged

Social Buttons

Pages: [1]   Go Up
Jump to:  

Get Glitter

S.H.E(Taiwanese Band) - What Should I do?

Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum | Buy traffic for your forum/website

Powered by SMF | SMF © 2016, Simple Machines
Privacy Policy