κάτω forum

Mix4lis έγραψε:Αυτο μαλλον φιλε πρεπει να το φτιαξεις μονος σου. Πηγαινε..
Εμφανιση>Χρωματα και εκει μαλλον θα το φτιαξεις!!

Κώδικας:

#footer {
    background: url("http://i34.servimg.com/u/f34/15/84/77/97/footer10.png") repeat-x scroll center top transparent;
    border-top: 0 none;
    color: #CCCCCC;
    font-family: Arial,sans-serif;
    overflow: hidden;
    padding: 42px 0 30px;
    width: 100%;
}
#footer .linksrow {
    height: 150px;
    margin-bottom: 9px;
    overflow: hidden;
    width: 100%;
}
#footer .linksrow .lcoll {
    background: url("http://i34.servimg.com/u/f34/15/84/77/97/link-d10.png") no-repeat scroll right center transparent;
    float: left;
    height: 132px;
    padding: 18px 25px 0 0;
}
#footer .linksrow .lcolm {
    background: url("http://i34.servimg.com/u/f34/15/84/77/97/link-d10.png") no-repeat scroll right center transparent;
    float: left;
    height: 132px;
    padding: 18px 25px 0;
}
#footer .linksrow .lcolr {
    float: right;
    height: 132px;
    padding: 18px 0 0;
}
#footer .linksrow .fsubtitle {
    color: #FFFFFF;
    font-size: 12px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
#footer .linksrow .fsubtitle h4 {
    display: inline-block;
    font-weight: 700;
    margin: 0;
    padding: 0 8px 0 0;
    text-shadow: 0 1px 1px #000000;
}
#footer .linksrow .fsubtitle .right-line {
    background: none repeat scroll 0 0 #3D3D3D;
    bottom: 3px;
    display: inline-block;
    height: 2px;
    position: relative;
    width: 100%;
}
#footer .linksrow ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 6px 0 0;
}
#footer .linksrow ul.second {
    margin-left: 16px;
}
#footer .linksrow ul li {
    border-bottom: medium none;
    font-size: 12px;
    padding: 5px 0;
    width: 100%;
}
#footer .linksrow a {
    color: #909090;
}
#footer .linksrow a:hover {
    color: #FFFFFF;
}
#footer .copyrow {
    border-bottom: 1px solid #2B2B2B;
    border-top: 1px solid #2B2B2B;
    color: #757575;
    overflow: hidden;
    width: 100%;
}
#footer .copyrow a {
    color: #757575;
}
#footer .copyrow a:hover {
    color: #FFFFFF;
}
#footer .copyrow .copycol1 {
    float: left;
    font-size: 11px;
    line-height: 24px;
    margin: 11px 0 9px;
}
#footer .copyrow .copycol1 .legallinks {
    margin-top: 12px;
}
#footer .copyrow .copycol1 .legallinks a {
    display: inline-block;
    float: left;
}
#footer .copyrow .copycol1 .legallinks span {
    border: 0 none;
    color: #EEEEEE;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 10px;
}
#footer .copyrow .copycol2 {
    float: left;
    font-size: 11px;
    height: 40px;
    margin: 15px 0 0 28px;
}
#footer .copyrow .copycol2 .f-phone, #footer .copyrow .copycol2 .f-chat, #footer .copyrow .copycol2 .f-email {
    float: left;
}
#footer .copyrow .copycol2 .f-phone a {
    background: url("http://i34.servimg.com/u/f34/15/84/77/97/phone10.png") no-repeat scroll left center transparent;
    display: block;
    height: 16px;
    margin: 10px 28px 0 22px;
    padding: 4px 0 0 24px;
}
#footer .copyrow .copycol2 .f-chat a {
    background: url("http://i34.servimg.com/u/f34/15/84/77/97/chat10.png") no-repeat scroll left center transparent;
    display: block;
    height: 16px;
    margin: 10px 28px 0 0;
    padding: 4px 0 0 25px;
}
#footer .copyrow .copycol2 .f-email a {
    background: url("http://i34.servimg.com/u/f34/15/84/77/97/email10.png") no-repeat scroll left center transparent;
    display: block;
    height: 16px;
    margin: 10px 24px 0 0;
    padding: 4px 0 0 25px;
}
#footer .copyrow .copycol2 .copy-divide {
    background: url("http://i34.servimg.com/u/f34/15/84/77/97/copy-d10.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 40px;
    width: 2px;
}
#footer .copyrow .copycol3 {
    float: right;
    height: 25px;
    margin-top: 22px;
    width: 99px;
}
#footer .copyrow .copycol3 a {
    background: url("logo") repeat scroll center top transparent;
    display: block;
    height: 25px;
    width: 99px;
}
.callback {
    cursor: pointer;
    height: 36px;
    left: -103px;
    position: fixed;
    top: 200px;
    width: 139px;
    z-index: 999;
}
.callback a {
    background: url("κουμπι") repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 36px;
    width: 139px;
}

Κώδικας:

<!-- Footer -->
        <div id="footer">
           <div class="inside">
               <div class="linksrow">
                   <div class="lcoll">
                       <div class="fsubtitle"><h4>1</h4><div class="right-line"></div></div>
                        <ul>
                            <a href="......"><li>2</li></a>
                            <a href="......"><li>3</li></a>
                            <a href="......."><li>4</li></a>
                       </ul>
                       
                        <ul class="second">
                          <a href="......"><li>5</li></a>
                          <a href="......"><li>6</li></a>
                          <a href="........"><li>7</li></a>
                        </ul>
                    </div>
                   
                    <div class="lcolm">
                       <div class="fsubtitle"><h4>8</h4><div class="right-line"></div></div>
                       <ul>
                            <a href="...."><li>9</li></a>
                            <a href="....."><li>10</li></a>
                            <a href="...."><li>11</li></a>
                       </ul>
                     </div>
                   
                    <div class="lcolm">
              <div class="fsubtitle"><h4>12</h4><div class="right-line"></div></div>
                       <ul>
                           <a href="....."><li>13</li></a>
                            <a href="....."><li>14</li></a>
                            <a href="...."><li>15</li></a>
                       </ul>
                     </div>
                   
                    <div class="lcolm">
                       <div class="fsubtitle"><h4>16</h4><div class="right-line"></div></div>
                       <ul>
                            <a href="index.php"><li>17</li></a>
                            <a href="index.php"><li>18</li></a>
                            <a href="index.php"><li>19</li></a>
                       </ul>
                     </div>
                   
                    <div class="lcolr">
                      <div class="fsubtitle"><h4>20</h4><div class="right-line"></div></div>
                      <ul>
                           <a href="index.php"><li>21</li></a>
                           <a href="index.php"><li>22</li></a>
                           <a href="index.php"><li>23</li></a>
                      </ul>
                    </div>
                </div>
               
                <div class="copyrow">
                   <div class="copycol1">COPYRIGHT © 2012 <strong>μπλαμπλα</strong>.
                   
                    <div class="copycol2">
                       <div class="copy-divide"></div>
                       <div class="f-phone"><a href=".......">697......</a></div>
                       <div class="f-chat"><a href="......" onClick="window.open('index.php','myWin','scrollbars=no,width=400,height=400');">LIVE CHAT </a></div>
                       <div class="f-email"><a href=".....">EMAIL </a></div>
                       <div class="copy-divide"></div>
                     </div>
                   
                    <div class="copycol3"><a href="index.php" target="_blank"></a></div>
                </div>
            </div>
        </div>
        <!-- Fin del Footer -->