cs.punk Posted June 14, 2009 Share Posted June 14, 2009 LoL anyone know how it is done (I provided a picuture attached)? (I drew a mouse over the 'rollover effect'... I can't get anything I try with CSS to work... [attachment deleted by admin] Quote Link to comment https://forums.phpfreaks.com/topic/162165-how-do-i-replicate-this-link-box-thing/ Share on other sites More sharing options...
Hybride Posted June 15, 2009 Share Posted June 15, 2009 You mean, changing the link colour when the mouse hovers over the link? a:hover{color:#hex} From the looks of the page, they also changed the border to a lighter colour. Not sure if you have your elements in a separate div, but you can do something like... #idname a:hover{border: 1px solid #hex;color:#hex} Quote Link to comment https://forums.phpfreaks.com/topic/162165-how-do-i-replicate-this-link-box-thing/#findComment-855899 Share on other sites More sharing options...
cs.punk Posted June 16, 2009 Author Share Posted June 16, 2009 No, I mean how do you get a 'border/box' around your links? Quote Link to comment https://forums.phpfreaks.com/topic/162165-how-do-i-replicate-this-link-box-thing/#findComment-857387 Share on other sites More sharing options...
cs.punk Posted June 17, 2009 Author Share Posted June 17, 2009 Anyone?.. Quote Link to comment https://forums.phpfreaks.com/topic/162165-how-do-i-replicate-this-link-box-thing/#findComment-857827 Share on other sites More sharing options...
haku Posted June 18, 2009 Share Posted June 18, 2009 Every box there has a border around it. You have to be more clear about what you are trying to do. Quote Link to comment https://forums.phpfreaks.com/topic/162165-how-do-i-replicate-this-link-box-thing/#findComment-858602 Share on other sites More sharing options...
cs.punk Posted June 18, 2009 Author Share Posted June 18, 2009 Oh sorry, I mean how do you make the WHOLE box? I tried making each link in a div and adding a border, but it beames huge. I am trying to replicate the whole thing, and dont know how ?? Who do you get a link in a 'box' similar to that? What do you add onto <a href='x.html'>X page</a>? Quote Link to comment https://forums.phpfreaks.com/topic/162165-how-do-i-replicate-this-link-box-thing/#findComment-858732 Share on other sites More sharing options...
dbrimlow Posted June 18, 2009 Share Posted June 18, 2009 Lists. It is all done with lists. The best place to learn to love lists (and some other great CSS stuff) is the venerable List-o-matic. Start from scratch to learn the concept ... but here is what you were looking for (you will be amazed by how simple it all is): list-o-matic's - Eric Meyer's tabbed navbar Good luck. Bookmark the link and when you really want to understand CSS check out the "selectutorial". And easy to follow lesson about the CSS rules of order and more. Quote Link to comment https://forums.phpfreaks.com/topic/162165-how-do-i-replicate-this-link-box-thing/#findComment-859240 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.