Not Solved HTML with CSS Template Help
#1
Not Solved
Hey guys.

A friend has created this posting HTML template, but the background image shouldn't be repeating. I've tried adding in the usual positioning rules of no-repeat top center to no effect. I've also tried moving its styling to the CSS and taking it out of the div she made. Any ideas how to make this MyBB compatable?

(2012-10-10, 02:04 PM)Miasma Wrote: <style type="text/css">#eeriegreen { margin: 5px auto; width: 600px; height: 300px; border: solid 20px #000000; -moz-border-radius: 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px; border-radius: 15px; } #eeriegreen h1 { margin: 0; height: 500px; width: 300px; padding: 0 10px; opacity: .8; text-align: center; font-family: Pirata One; font-size: 35px; line-height: 90%; color: #FFFFFF; text-transform: lowercase; text-shadow: #333333 1px 1px 2px; font-style: italic; font-weight: normal; } #eeriegreen p { margin-left: 8px; font-family: Georgia; font-size: 10px; color: #FFFFFF; text-transform: uppercase; } #eeriegreen p a { color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px 2px #333333; } #eeriegreen div { float: right; margin: 3px; width: 300px; height: 470px; padding: 5px; -moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px; border-radius: 6px; background-color: #000000; opacity: .6; text-align: justify; font-family: Calibri; font-size: 12px; line-height: 14px; overflow: auto; } #eeriegreen h2 { margin: 12px 0; text-align: center; font-family: georgia; font-size: 25px; color: #FFFFFF; text-shadow: #333333 1px 1px 2px; font-style: italic; font-weight: normal; }</style><div id="eeriegreen": style= "background-image: url('http://i1114.photobucket.com/albums/k522/Miasmashadow/Character%20Lore%20Pages/Kae2_zpsa5c24c79.png');"><div>

Mrs Smiley Smile

<h2>Friends</h2>

EVERYONE!

<h2>Enemies</h2>

EVERYONE!

<h2>Member of House Dy'Roth</h2>

she is ossim.

<h2>Other</h2>

Needs to take care of Ariana!

</div><h1>


</h1><p><a href="http://chroniclesofthedas.draebox.com/">Click here for Kaelina's in game profile</p></div>
[Image: DBbadge3.png]
Reply
#2
Not Solved
(2013-03-25, 11:00 PM)Drae Wrote: Hey guys.

A friend has created this posting HTML template, but the background image shouldn't be repeating. I've tried adding in the usual positioning rules of no-repeat top center to no effect. I've also tried moving its styling to the CSS and taking it out of the div she made. Any ideas how to make this MyBB compatable?

(2012-10-10, 02:04 PM)Miasma Wrote: <style type="text/css">#eeriegreen { margin: 5px auto; width: 600px; height: 300px; border: solid 20px #000000; -moz-border-radius: 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px; border-radius: 15px; } #eeriegreen h1 { margin: 0; height: 500px; width: 300px; padding: 0 10px; opacity: .8; text-align: center; font-family: Pirata One; font-size: 35px; line-height: 90%; color: #FFFFFF; text-transform: lowercase; text-shadow: #333333 1px 1px 2px; font-style: italic; font-weight: normal; } #eeriegreen p { margin-left: 8px; font-family: Georgia; font-size: 10px; color: #FFFFFF; text-transform: uppercase; } #eeriegreen p a { color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px 2px #333333; } #eeriegreen div { float: right; margin: 3px; width: 300px; height: 470px; padding: 5px; -moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px; border-radius: 6px; background-color: #000000; opacity: .6; text-align: justify; font-family: Calibri; font-size: 12px; line-height: 14px; overflow: auto; } #eeriegreen h2 { margin: 12px 0; text-align: center; font-family: georgia; font-size: 25px; color: #FFFFFF; text-shadow: #333333 1px 1px 2px; font-style: italic; font-weight: normal; }</style><div id="eeriegreen": style= "background-image: url('http://i1114.photobucket.com/albums/k522/Miasmashadow/Character%20Lore%20Pages/Kae2_zpsa5c24c79.png');"><div>

Mrs Smiley Smile

<h2>Friends</h2>

EVERYONE!

<h2>Enemies</h2>

EVERYONE!

<h2>Member of House Dy'Roth</h2>

she is ossim.

<h2>Other</h2>

Needs to take care of Ariana!

</div><h1>


</h1><p><a href="http://chroniclesofthedas.draebox.com/">Click here for Kaelina's in game profile</p></div>

Quote:<div id="eeriegreen": style= "background: #fff url('http://i1114.photobucket.com/albums/k522/Miasmashadow/Character%20Lore%20Pages/Kae2_zpsa5c24c79.png') no-repeat;"><div>
Reply
#3
Not Solved
Thanks. I tried that originally and we didn't get the required outcome.
[Image: DBbadge3.png]
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)