The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
||||
|
||||
center div / css
Hey folks,
I added below in mobile skin footer for easy color changes. Problem is, I cannot for the life of me get them centered in the page. I tried span, div, margin auto, margin left/right 50%, etc. Nothing works. Quote:
|
#2
|
|||
|
|||
Can't center floats... also that code is crazy >.>;;
here try this: stick this in additional.css for the mobile styles (if one mobile style is a parent of the rest, modify that parent's additional.css and footer templates), or you can stick it in inline right before the html by sticking it in between <style> CSS HERE </style> Code:
.mobile-style-change {text-align:center;} .mobile-style-change li { display:inline-block;} .mobile-style-change li a {padding:13px;display:block;} #blue {background:#43A6DF;} #green {background:#189900;} #orange {background:#E66B1B} #purple {background:#603CBB} #maroon {background:#B21A41} #lightgreen {background:#82BA1B} #grey {background:#808080} #darkyellow {background:#E2A600} #teal {background:#169EAB} #pink {background:#C71585} Code:
<div style="font-size:8px;color:#777;margin-bottom:8px;border-bottom: 3px dashed #43A6DF;padding-bottom:30px;width:95%;">Change Style: <ul class="mobile-style-change"> <li id="blue"><a href="http://www.talkjesus.com/index.php?styleid=199"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li> <li id="green"><a href="http://www.talkjesus.com/index.php?styleid=200"><img src=http://"www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li> <li id="orange"><a href="http://www.talkjesus.com/index.php?styleid=201"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li> <li id="purple"><a href="http://www.talkjesus.com/index.php?styleid=202"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li> <li id="maroon"><a href="http://www.talkjesus.com/index.php?styleid=203"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li> <li id="lightgreen"><a href="http://www.talkjesus.com/index.php?styleid=204"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li> <li id="grey"><a href="http://www.talkjesus.com/index.php?styleid=205"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li> <li id="darkyellow"><a href="http://www.talkjesus.com/index.php?styleid=206"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li> <li id="teal"><a href="http://www.talkjesus.com/index.php?styleid=207"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li> <li id="pink"><a href="http://www.talkjesus.com/index.php?styleid=208"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li> </ul> <br /></div> |
#3
|
||||
|
||||
You rock! Works thanks so much
|
Thread Tools | |
Display Modes | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|