VISUAL ✿ Old School Beginner Guide

Did the "visual aid" help you?

Yes.	85.9%	[ 1786 ]
No.	14.1%	[ 292 ]
Total Votes:			[ 2078 ]

[x_AN0R3XIC]

Maiyu-chan

Is there a way to change the scroll bars on firefox?

By the way this is my new favorite thread for making profiles. It is very well done 3nodding

Let's Keep this Simple.
✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖


No there isn't since Firefox skins cancel out everything else, but you can still make one for IE, so people viewing your profile in IE can see the Scroll bar.

[Maiyu-chan]

x_AN0R3XIC

No there isn't since Firefox skins cancel out everything else, but you can still make one for IE, so people viewing your profile in IE can see the Scroll bar.

Oh poo. Okay thanks for the help.

[lil_neko]

Shenne Akirami

It actually helps a LOT!

Thanks for your time =D

Wishlist: Angelic Pendant - Angelic Scarf - Angelic Sash - Mini Angel Wings - Zony MP3 Player - Winged Anklets - Guitar of Angellus - Fairy Wings - Sno Yeti Pillow Plush - Winter Fox Mink - Solar Cloak -
Frostbite Blade - Fallen Wish - Dreamer's Dust - Angelbow - Prism Butterfly Mantilla - Kong Sang Scarf - Aquatica - Fairy Wings - Gift of the Goddess - Panda Plushie - Election 2008 Donkey Plushie - Panda Plushie - Gift of the Gods - Gift of the Goddess -
Water Trident - Elemental Wings - Blue Heartbreaker Jacket - White Heartbreaker Jacket - Antartic White Polyester Pants - Sora Furisode - Icemist Dragon Gown - Head Case - Otami Loinchloth - Blue Sorcerer's Book - Solar Headdress - Angelic Bracelet - All White and Blue Items!

Glad it makes sense! : )

[lil_neko]

merfolk

dear god i love this thread to death
hugs and squeezes it

xd xd heart

Don't kill the poor mascot.


@GAKUGAKU :: Not all the time this happens.... xD

[lil_neko]

Curling Iron

Do you know anyway to resize the media?
Or, take the video off but leave the bar and play/pause button?
I've seen it done before, and i dont know how to do it. confused

To resize the media, read the multimedia section in the main class post.
You just have to change the width and height to get rid of the video for youtube.
It would look like this:

#multimedia object, #multimedia embed {width:###px;width:###px;}

I encourage you to read through the thread because I'm pretty sure I answered
this.

3nodding

[lil_neko]

x_AN0R3XIC

lil_neko

It looks lovely so far! : ) : ) <3
I suggest finishing off coloring the links. : 3



Thank you for the subscription! I will try updating the content as much as possible.

Let's Keep this Simple.
✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖

Thank you (:
Also, I have some more questions... D:

1. Could you help me make a rollover for my comments button? Right now I have 4 speech bubbles on the left. The largest one was ment for my comments button. But I dont really know how to do that D:

2. I tried fixing my about me and comments section so they were compatible with both IE6 and IE7 and it looks like the images, such as my avatar and wish list stayed in place, even with out the fixing, but my comments and about section did not stay in place even with the fixing.

@____@
Sorry, I'm rather hopeless.

1) It's quite complicated, and I don't have the answers to you right now basically you will
use custom sections to achieve this. Basically the formula goes like this.

Remember ol is a custom section using the ordered list tags.


I will answer your question in the next post. x3




2) For two, are you sure you are using the right code? O____o You'll have to use IE hacks (mentioned in this thread) to fix those minor discrepancies. There are separate "hacks" for each browser you can utilize to fix those problems.

[K0K0]

Hi! This is lil_neko with a sexy man mule.

In your about me section:

It is imperative that you don't put spaces, that's why the tags are pushed together.
If you break the space after

, a gap will appear, so input the code as it is.
Put the image you want when you hover over.



[list=1][url=http://www.yahoo.com][IMG]http://i295.photobucket.com/albums/mm152/visualearner/hoverimage.gif[/IMG][/url][/list]






This is in the theme box. The comments will explain everything to you.
Without hovering over the image, place THAT image in the area where I put my link.



/*this allows me to move it*/
#about ol {background-color:black;position:absolute;top:500px;left:500px;}

/*this is the image that first appears*/
#about ol {background-image:url('http://i295.photobucket.com/albums/mm152/visualearner/regularbackground.gif')}

/*when the section isn't hovered over this hides the image in the ol*/
#about ol img {opacity:0;filter: alpha(opacity=0)}

/*when the section IS hovered the image you put in the BBCODE about me section appears*/
#about ol:hover img {opacity:1.00;filter: alpha(opacity=100)}




The reason why you see opacity and filter:alpha because it will allow it to be compatible with both browsers. Opacity for FF and Filter for IE.


3nodding

if you want 2 see an example, look at this account's profile and you will see it. : 3

[lil_neko]

Maiyu-chan

Is there a way to change the scroll bars on firefox?

By the way this is my new favorite thread for making profiles. It is very well done 3nodding

Thank you! I still have a lot of bugs to fix. *kicksBBCODE* xD

Colored scrollbars are only for IE. There is no possible way to do it for Firefox.
And this I am pretty dxmn sure.

lol heart


Thank you for helping out x_AN0R3XIC! <3 whee heart

[x_AN0R3XIC]

Let's Keep this Simple.
✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖
Hey there koko! (:
Okay thank you so much for the code you gave me!
I definitely know how to go about making the links now xD

although I have a few points of intrest you might want to cover in your guide:




• currently in your example, you have the background color set at black, I think you should maybe mention something in there about changing the background or changing it to transparent.
  
• also the images you want to use for the rollover have transparent backgrounds, such as the ones i am using, you should make a little note about adding this:
  
  #about ol:hover {background:none}
  
  to your code so the background isn't visible when hovered on.
  
  Well anyways, I hope this helps you make your guide evennn better! :'D
  
  and once again, thank you for the advice you gave me!

[GAKUGAKU BURUBURU]

I like that post by your sexy man mule, I was curious about that.

And you posted something about multimedia sizing where you listed width twice when I think one of them was supposed to be height.

[Leiky]

code for the add me message me ignore and trade me buttons..though people would like to know..

#profile #bar{background: transparent; display: block}

#bar #addButton {background: transparent url( URL FOR YOUR BUTTON) no-repeat; text-indent: -4000px; position: absolute; top: 337px; left: 347px; width:91px; height:54px;}
#bar #addButton a {background: transparent url(URL FOR HOVER BUTTON) -22px -90px no-repeat; width:91px; height:30px;}

#bar #msgButton {background: transparent url(URL FOR YOUR BUTTON) no-repeat; text-indent: -4000px; position: absolute; top:337px; left: 443px; width:91px; height:54px;}
#bar #msgButton a {background: transparent url(URL FOR HOVER BUTTON) -22px -90px no-repeat; width:91px; height:30px;}

#bar #tradeButton {background: transparent url(URL FOR YOUR BUTTON) no-repeat; text-indent: -4000px; position: absolute; top: 500px; left: 600px; width:91px; height:54px;}
#bar #tradeButton a {background: transparent url(URL FOR HOVER BUTTON) -22px -90px no-repeat; width:91px; height:30px;}

#bar #ignoreButton {background: transparent url(URL FOR YOUR BUTTON) no-repeat; text-indent: -4000px; position: absolute; top: 337px; left: 634px; width:91px; height:54px;}
#bar #ignoreButton a {background: transparent url(URL FOR HOVER BUTTON) -22px -90px no-repeat; width:91px; height:30px;

[x_AN0R3XIC]

Leiky

code for the add me message me ignore and trade me buttons..though people would like to know..

#profile #bar{background: transparent; display: block}

#bar #addButton {background: transparent url( URL FOR YOUR BUTTON) no-repeat; text-indent: -4000px; position: absolute; top: 337px; left: 347px; width:91px; height:54px;}
#bar #addButton a {background: transparent url(URL FOR HOVER BUTTON) -22px -90px no-repeat; width:91px; height:30px;}

#bar #msgButton {background: transparent url(URL FOR YOUR BUTTON) no-repeat; text-indent: -4000px; position: absolute; top:337px; left: 443px; width:91px; height:54px;}
#bar #msgButton a {background: transparent url(URL FOR HOVER BUTTON) -22px -90px no-repeat; width:91px; height:30px;}

#bar #tradeButton {background: transparent url(URL FOR YOUR BUTTON) no-repeat; text-indent: -4000px; position: absolute; top: 500px; left: 600px; width:91px; height:54px;}
#bar #tradeButton a {background: transparent url(URL FOR HOVER BUTTON) -22px -90px no-repeat; width:91px; height:30px;}

#bar #ignoreButton {background: transparent url(URL FOR YOUR BUTTON) no-repeat; text-indent: -4000px; position: absolute; top: 337px; left: 634px; width:91px; height:54px;}
#bar #ignoreButton a {background: transparent url(URL FOR HOVER BUTTON) -22px -90px no-repeat; width:91px; height:30px;

Let's Keep this Simple.
✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖


before you post you should change the positioning first xD

[DEADpoisonIVY]

lil_neko

DEADpoisonIVY

THIS is what I have. THIS is what I am trying to do. And THIS is what I keep getting.

See the headers?

I can't get them to move up without cutting them off.

I don't know if it is just me, but I don't see a difference. O____o;; -wipesglasses-

Look at the header above the about me section.

[GAKUGAKU BURUBURU]

Do you have any info on putting in an aquarium?