WEST SIDE CALI KILLERS
Affiliations & Updates 23104840
WEST SIDE CALI KILLERS
Affiliations & Updates 23104840
WEST SIDE CALI KILLERS
Would you like to react to this message? Create an account in a few clicks or log in to continue.


HOME OF WSCK CLAN
 
HomeSearchLatest imagesstoreRegisterLog in

Share
 

 Affiliations & Updates

View previous topic View next topic Go down 
AuthorMessage
Duke Nukem
Moderator
Moderator
Duke Nukem

Country : USA
Posts : 174
Caps : 293
Times Thanked : 6
Browser : Internet Explorer

Affiliations & Updates Empty
PostSubject: Affiliations & Updates   Affiliations & Updates I_icon_minitimeThu Jul 26, 2012 7:32 am

Description

You can Advertise and Affiliate, in boxes. Above the board.

Set up

Add this in the CSS

Code:
.blocs {
    background: #COLOR;
    border: 4px solid #COLOR;
    -webkit- border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px #000 inset;
    -webkit-box-shadow: 0px 0px 5px #000 inset;
    -o-box-shadow: 0px 0px 5px #000 inset;
    box-shadow: 0px 0px 5px #000 inset; 
    text-align : justify;
    padding : 5px;
    font-weight : normal;
    height : 200px;
}


.contexte {
    background: #COLOR;
    border: 2px solid #COLOR;
    -webkit- border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px #000 inset;
    -webkit-box-shadow: 0px 0px 5px #000 inset;
    -o-box-shadow: 0px 0px 5px #000 inset;
    box-shadow: 0px 0px 5px #000 inset; 
    width : 310px;
    padding : 10px;
    height : 140px;
    overflow : auto
}

This will go in the Homepage Message. (ACP >> Display >> Generalities
>> Homepage Message.)

Name it what you want





Code:
<fieldset style="

background: #fff;
border: 2px solid #COLOR;
-webkit- border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #000 inset;
-webkit-box-shadow: 0px 0px 5px #000 inset;
-o-box-shadow: 0px 0px 5px #000 inset;
box-shadow: 0px 0px 5px #000 inset; padding: 4px;"><div style="height: 100px; overflow: auto; text-align: justify; padding-right:5px;"><center>

<a href="FOrums url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>
</center></div></fieldset>


</div> </td><div align="right"><b>Name it what you want</b></div>

<td width="250px" height="200px"><div class="blocs" height="180px">
<br><div class="contexte" style="color : #COLOR">
<br>
<br>
Text goes here.

</div> </div>
</td></tr></tbody></table></center>

Customize the tutorial

Change the color of ''contexte'', #COLOR, Text goes here, Link & image links.,


DEMO
[You must be registered and logged in to see this image.]
Back to top Go down
 

Affiliations & Updates

View previous topic View next topic Back to top 
Page 1 of 1

 Similar topics

-
» Updates

Permissions in this forum:You cannot reply to topics in this forum
WEST SIDE CALI KILLERS :: Computer Related :: Coding :: CSS-