Lissa Explains it All:  Web Design Forums  

Go Back   Lissa Explains it All: Web Design Forums > LEIA Archives > Web Site Help > Neopets

Notices

 
 
Thread Tools Display Modes
  #1  
Old 07-13-2006, 08:18 AM
sweetleaf1 sweetleaf1 is offline
Propellerhead
 
Join Date: Jun 2006
Location: alabama
Posts: 93
sweetleaf1 is on a distinguished road
Angry just one good site

trying to figure out how to make a custom user lookup, but need a good USEABLE final fantasy image! anyone know one? i'm in the dark here...
Sponsored Links
  #2  
Old 07-13-2006, 09:55 PM
Cheeseums Cheeseums is offline
Script Kiddie
 
Join Date: Jun 2006
Location: Under a moldy bridge
Posts: 121
Cheeseums is on a distinguished road
Here, I made my own userlookup, and here's my code.

Well no, sorry, it took too much space. : (

If you want something to appear, make sure it isn't inside /* */, because that makes it not work. However some words are in there for commentary as I sometimes forget what is what.

What you need:
Colors[/quote]
Colors come in hexidecimal format. So what you need is of course a combination of six numbers and letters to make a color. I don't know which makes what however, but paint programs do. You can also check charts on the internet.

When you insert a hexidecimal code, make sure that you add a # beforehand.
So, up ahead when I say #COLOR, just add #000000 for example which is black.
If you know the name of the color you can simply name it white, black, red, orange, seafoamgreen, etc. I'm not so sure about Indian Red. If you use a word, don't add the #.

Colors for your bar
Quote:
<style type="text/css">
/*Scrollbar Colors.*/
body {scrollbar-face-color: #COLOR
scrollbar-highlight-color: #COLOR;
scrollbar-3dlight-color: #COLOR;
scrollbar-shadow-color: #COLOR;
scrollbar-darkshadow-color: #COLOR;
scrollbar-track-color: #COLOR;
scrollbar-arrow-color: #COLOR;}
Those modify your scrollbar colors for browsers that support it like Internet Explorer and Opera but I'm not sure about Netscape and definitely not Mozilla.

Text Definition
Quote:
p, body, td {COLOR:#COLOR;FONT-FAMILY:Arial;FONT-SIZE:8pt;}
A:LINK{COLOR:#COLOR;FONT-FAMILY:arial;FONT-SIZE:8pt;}
A:VISITED{COLOR:#COLOR;FONT-FAMILY:arial;FONT-SIZE:8pt;}
A:HOVER{COLOR:#COLOR;FONT-FAMILY:arial;FONT-SIZE:8pt;TEXT-DECORATION:underline;}
The thing about CSS is that you are able to change one part of the code to change the whole page. The first, that says p. body. td, is the part for your text pretty much that isn't a link, visited, or hover.
VISITED, and HOVER are properties of LINK.
You can change your LINK colors to that of a different one than that of your normal text. In that case wherever there is a link, it will override the LINK color. So will the font type and size.
VISITED has to do with links you have already visited. You can keep them the same color as LINK, or you can make it different.
HOVER has to do with when you have your mouse cursor over the link. You can make it grow by use of the font size, or change colors...I don't know how to make them flip around or disappear and whatnot though.
To LINK, VISITED and HOVER, you can add TEXT-DECORATION which changes how it looks. Simply add a semi-colon and then type TEXT-DECORATION with something like bold, italics or underline.

Black text with an underline would look something like this:
Quote:
p, body, td {COLOR:#000000;FONT-FAMILY:Arial;FONT-SIZE:8pt; text-decoration: underline;}
Changing the Sidebar
Tired of the same-old neopets bar? Well make your own then!
Quote:
#OBJECT, #INPUT, #FORM, #TXT, #tbg, #m, #mb, #n { visibility:hidden; } table, td {background: transparent;}
That gets rid of the advertisement, clock, bar, etc.
Quote:
<img src="URL" class="nav" border="0" usemap="#a">
Maybe use my sidebar as a sample, the size is 140x487. Line up your text with that of the original neopets links and you will have yourself a working custom bar.

The background
Quote:
body{background:#011ea6 url('URL')repeat; fixed;}
This makes your background. What it also does right now is stay in one place no matter what because it is fixed, and it is supposed to make the image loop if it isn't large enough.

The Banner
[quote]img.nav { position: absolute; top: 0; left: 0; } /*Custom Bar*/
u.header
{position:absolute;left:200;top:47; background:url(''); height:100;width:525;}

At the current setting, it should be enough to cover the banner with your own.


Conclusion
The codes you have now are for the scrollbar, text, banner and sidebar. That should be enough to make a basic layout. I can't help you when it comes to the final fantasy, though. Sorry. People, if there's anything wrong with this, please tell me, I don't like being too much of an idiot.

Yes. I did get this all myself.
NO! That sounded so stupid, everyone gets codes from someone. I just scavenger-searched it from locations that don't say "no sticky-fingers" or "GIVE ME CREDIT FOR SOMETHING I CANNOT POSSIBLY OWN".
__________________
Quote:
Originally Posted by Douglas
I like Fluff
Now, there's a man who knows what he likes.
 

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
online business site tips vadimo General 7 08-23-2006 07:31 AM
HTML Help:MP3 Player On Site shinynewmusic HTML Help 4 07-17-2006 06:13 PM
Any one know where a good psp brush site is?!? LoveBird123 Graphics 2 02-10-2005 10:19 AM
I need a really good survey for my site. Bre So Gangsta HTML Help 7 07-10-2004 02:06 PM
Good Sites to have a site on CSSbeginner123 General 2 04-23-2003 06:15 PM


All times are GMT. The time now is 05:32 PM.


Powered by vBulletin® Version 3.8.3
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.