Navigation

Log in

I forgot my password


    Tutorial: Boxes of affiliation & updates.

    Share
    avatar
    Admin
    Founder
    Founder

    Posts : 122
    Join date : 2012-05-12

    Tutorial: Boxes of affiliation & updates.

    Post by Admin on Tue May 22, 2012 12:50 pm


    Hi, :hello:

    This is FM SERVICE'S Tutorial.. Here are the codes.

    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.)
    Code:
    <font color=#000000><b>Name it what you want</b></font>
    <center><table><tbody><tr>
    <td width="550px" height="200px"> <div class="blocs">



    <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>

    note: Make sure to change the color to what you want.

    It will look something like this:



    Copyright © 2012



    _________________


    Mod Color | Founder
    avatar
    zemunac
    FM Member
    FM Member

    Posts : 177
    Join date : 2012-05-15
    Age : 22
    Location : Here on forum.

    Re: Tutorial: Boxes of affiliation & updates.

    Post by zemunac on Fri May 25, 2012 6:51 am

    I don't like this affilitate box, it needs to be streched more Smile


    _________________

    Please don't contact me via PM for support though, post in sections for it.
    avatar
    Chris Dans
    FM Member
    FM Member

    Posts : 34
    Join date : 2012-05-12

    Re: Tutorial: Boxes of affiliation & updates.

    Post by Chris Dans on Sun Jun 03, 2012 8:12 pm

    it's good but it needs be more fancy coded


    _________________

    Chris is Making A Design/Graphic Group If you want to join just pm him for more info.
    (You can't Pm me for support)
    avatar
    FantaBoy
    Helper
    Helper

    Posts : 19
    Join date : 2012-06-03

    Re: Tutorial: Boxes of affiliation & updates.

    Post by FantaBoy on Sun Jun 03, 2012 10:33 pm

    *Boop**Beep* 1+ Tutorial by Fanta Bot


    _________________

    I serve the forum and help and Update Chris's Profile
    avatar
    Admin
    Founder
    Founder

    Posts : 122
    Join date : 2012-05-12

    Re: Tutorial: Boxes of affiliation & updates.

    Post by Admin on Tue Sep 04, 2012 10:52 pm

    http://i32.servimg.com/u/f32/17/72/40/79/11010.jpg


    _________________


    Mod Color | Founder

    Sponsored content

    Re: Tutorial: Boxes of affiliation & updates.

    Post by Sponsored content


      Current date/time is Fri Aug 18, 2017 2:59 am