iWebBuddy.com - Website Design and Web Development Forum
Thanks for visiting iWebBuddy.com ,

If it is your first time here, please enjoy reading the tutorials and articles. If you can not find what you're looking for, then you can join the forums by registering so you will be able to log into the forums and ask for support for website development, request graphic designing services, promote your website, request website reviews, get advice from others about your website or be an active member of the community to help iWebBuddy.com grow.

After you register an account, you are required to log in. Once you log into your account, you will have more privileges. You will be able to post on the forums, send private messages and view the Chatbox ( link ) at the bottom of the forums.

Have a nice day.

How to make something pop at the end of a forum

Post new topic   This topic is locked: you cannot edit posts or make replies.

View previous topic View next topic Go down

Solved How to make something pop at the end of a forum

Post by Amber on Wed Feb 03, 2010 11:16 pm

How do you make a graphic or something like show up when you scroll over a forum insted of a color}?

Amber
Active WebBuddy
Active WebBuddy

Posts Posts: 99
iCoins iCoins: 146

View user profile

Back to top Go down

Solved Re: How to make something pop at the end of a forum

Post by Marc on Thu Feb 04, 2010 7:43 pm

Are you talking about something like this?

Copy and Paste Onto Your HTML Page :

Code:
<html>

<body>

<head>

<style type="text/css">

#iTable {
border: 3px solid black;
border-color:#C12283;
width: 600px;
background-color: #FF00FF;
}

#iTable a {
font: bold 13px Verdana;
text-decoration: none;
color: black;
width: 100%;
padding-left: 6px;
padding: 13px;
display: block;
border-bottom: 1px solid black;
border-color:#C031C7;
}

html>body #iTable a {
width: auto;
}

#iTable a:hover {
background-color: #C12283;
color: white;
}

</style>

</head>


<div id="iTable">

<a href="http://www.iwebbuddy.com">CSS Table Style</a>
<a href="http://www.iwebbuddy.com">Hover Effect Table Style</a>
<a href="http://www.iwebbuddy.com">StyleSheet</a>
<a href="http://www.iwebbuddy.com">CSS</a>

</div>

</body>

</html>


It's a table-less code, and there is a hover color when you hover your mouse over the links placed in there.

I used the color pink because it seems that you like that color, but you can modify it yourself, Razz







Marc
Administrator
Administrator

Posts Posts: 1119
iCoins iCoins: 2197
Forum Pet: Website Design and Development Monster

View user profile http://www.iwebbuddy.com

Back to top Go down

View previous topic View next topic Back to top


Permissions of this forum:
You cannot reply to topics in this forum