Back | Reverse | Quick Reply | Post Reply |

Nickname editing
Link | by Shun WolfKin on 2006-06-06 02:49:34

Well I figured a fancier nickname wouldn't hurt(I attempted already to remove the underline from it. I find underlines to be annoying).


Also can you use create a hover over color on your nickname? Such as
a:hover
{
text-decoration:none;
color:#FF00FF;
}
would do for a link in html?

I know some html/css, but I fear it is horrendously out dated. I learned a long time ago, and never kept up. And the div tag is one I am highly unfamilar with. I know it wasn't covered in my html class.

Anyways, I googled it and I know it does have a hover option. However, I am unsure how(if it is at all possible) to apply it on this forum for the nickname. I have played around a bit, but haven't got anywhere(at least I got rid of the underline, though I do got a question on the code I used for that).

<div style="color:#CC33FF; textDecorationUnderline=false;"><i>Shun WolfKin</i></div>


Is this how I should have done it... or did I screw it up somewhere. It looks like it is adding in space somewhere when I view one of my posts.

I would appreciate the help here. I love HTML(heh, that alone makes me love this board, none of that BBCode crap) and CSS, however as I said I am just a tad outdated and rusty on my knowledge. Thus a refresher on some of these as well as tips would be nice.


Utawarerumono, a great anime with one difficult name! Go visit Yesy-Fansubs to learn more.


Re: Nickname editing
Link | by psoplayer on 2006-06-06 08:13:08 (edited 2006-06-06 08:13:36)
The div tag sets your nickname off as a division of text that is formatted differently, which causes the line breaks on either side of your nickname. The tag you should use instead is the span tag. Just use it the exact same way that you used the div tag and it will work fine.

I.E.
<span style="color:#CC33FF; textDecorationUnderline=false;"><i>Shun WolfKin</i></span>

It looks like you know your HTML pretty well, but my guide for commonly used HTML at gendou.com might be a helpful way to brush up on the basics.
View the guide here



Re: Nickname editing
Link | by Shun WolfKin on 2006-06-06 20:22:34


Well the

<span style="color:#CC33FF; textDecorationUnderline=false;"><i>Shun WolfKin</i></span> did NOT kill the underline. After a bit of playing I decided to just use a style sheet to kill it. Problem solved(for me anyways). And while I was at it I coded my self some different color classes to apply to whatever tags I want, that way I don't have to keep looking up the color codes.


As for your guide... it was one of the first things I read and was what showed me that I needed to freshen up(after all the span and div tags are quite useful, and when I first learned they weren't used/there). However, thankfully, the basics of HTML have remained the same so the rest of it didn't help me much. So I have been googling it.


Also I finally found something showing me how to mouseover. So now my nickname code looks like <span style="color:#CC33FF;"><i onmouseout="this.style.color = '#CC33FF';" onmouseover="this.style.color= '#FF33FF';"> Shun WolfKin</i></span>
Hopefully none of that will cause any issues(I hope). Also is there a better way to show your code then the <xmp> tag? cause it causes the division deal which can be annoying in the middle of a paragraph. In addition it doesn't look like it creates linebreaks. Which could make a post very ugly.



Utawarerumono, a great anime with one difficult name! Go visit Yesy-Fansubs to learn more.


Re: Nickname editing
Link | by psoplayer on 2006-06-07 13:38:02
You can use &lt; and &gt; to give you your brackets and that way it will ignore all your code that would be between normal brackets.

Typing:
&lt;b&gt;This could be bold.&lt;/b&gt;

Will display:
<b>This could be bold.</b>


Re: Nickname editing
Link | by Shun WolfKin on 2006-06-07 21:10:27 (edited 2006-06-08 02:42:09)

That will work much better! Thanks.

As a note what is the lenght limit on the nickname set? While I was playing around I got a preview that looked just fine; however, when I saved and viewed how it looked like on the forum... well it was all messed up. And when I went back into my profile I could see that some of the code got cut off at the end. In addition the nickname was going to be fairly long.

So my question is, did it get cut off due to it's lenght when it is displayed or did my code become too long and go over the char limit?

Edit-- Definately a char limit. Opened up this page in IE and saw that my name had the stupid underline(though it doesn't in Firefox), so I decided to see if the <span> tag way works with IE.... heh, cut everything off the back). Which means there is a definate character limit and limited amount of editing one can do directly to thier nickname.

Another question. Is there a good caligraphy style font that works well on the web(I am extremely unsure what fonts come preinstalled these days)?



Utawarerumono, a great anime with one difficult name! Go visit Yesy-Fansubs to learn more.


Back | Reverse | Quick Reply | Post Reply |

Copyright 2000-2025 Gendou | Terms of Use | Page loaded in 0.0011 seconds at 2025-06-30 05:22:36