4Design Romania
Bun venit pe forumul 4Design.
Te rugam insistent sa te inregistrezi deoarece ai numai de castigat!
Iti multumim si te rugam sa spui despre forumul nostru tuturor prietenilor.

Alăturați-vă forumului, este rapid și ușor

4Design Romania
Bun venit pe forumul 4Design.
Te rugam insistent sa te inregistrezi deoarece ai numai de castigat!
Iti multumim si te rugam sa spui despre forumul nostru tuturor prietenilor.
4Design Romania
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

-


Index-ul "Blue Zone"

4Design Romania :: Web Arena :: Index / Intro

In jos

Index-ul "Blue Zone" Empty Index-ul "Blue Zone"

Mesaj Scris de elico Sam Mar 10, 2012 10:13 am

Numele indexului: Blue Zone 4D
Creator: Elico
Resurse: N/A
Download: Fisier cu cod
Cod:
<html>
<head>

<style type="text/css">

body {
background: #151515 url('http://i41.servimg.com/u/f41/16/11/59/47/bg-top10.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
}

div#wrapper {
padding: 2px;
}

div.content {
background: url('http://i41.servimg.com/u/f41/16/11/59/47/indexc10.png');
width: 1206px;
height: 654px;
margin-right: auto;
margin-left: auto;
position: relative;
top: 60px;
}

div.classEngage {
position: absolute;
top: 30px;
left: 90px;
color: #fff;
}

div.classForumLogo {
position: relative;
float: left;
top: 120px;
left: 130px;
padding: 10px;
-moz-box-shadow: 0px 0px 200px 0px #1c98ac;
-moz-border-radius: 5px;
}

div.classCounterStrike {
position: relative;
float: left;
top: 120px;
left: 150px;
padding: 10px;
-moz-box-shadow: 0px 0px 200px 0px #1c98ac;
-moz-border-radius: 5px;
}

div.classRedirects {
position: relative;
float: left;
top: 120px;
left: 170px;
padding: 10px;
-moz-box-shadow: 0px 0px 200px 0px #1c98ac;
-moz-border-radius: 5px;
}

.logo {
position: absolute;
top: -100px;
left: -180px;
}


.linksDIV {
position: relative;
top: 120px;
left: 190px;
}

.linksDIV ul,li {
list-style-type: none;
}

.linksDIV li img {
position: relative;
top: 2px;
}

.linksDIV ul {
background: url('http://i41.servimg.com/u/f41/16/11/59/47/indexc10.png') repeat-x bottom ;
padding: 10px;
width: 300px;
}

.linksDIV li {
background: url('http://i41.servimg.com/u/f41/16/11/59/47/newsop10.png');
padding: 4px;
border-bottom: 1px solid #121212;
color: #2ebfd7;
text-shadow: #000 0px 0px 2px;
}

.linksDIV li a{
color: #2ebfd7;
text-decoration: none;
font-family: Verdana;
font-size: 11px;
}

.footer {
color: #1e9eb3;
position: relative;
top: 70px;
font-size: 12px;
font-family: Verdana;
}
.footer a {
color: #a1c7cd;
}
</style>

</head>

   <body>
   
   <div id="wrapper">
      
      <div class="content">
      
         <div class="classEngage">
         
         <div class="logo" align="center">
         <img src="http://i41.servimg.com/u/f41/16/11/59/47/logo15.png">
         </div>

         <!-- De aici incep imaginile si class-urile din css pentru ele-->
            <div class="classForumLogo">
            <a href="http://www.4design.forumgratuit.ro/"><img src="http://i41.servimg.com/u/f41/16/11/59/47/foruml10.png" border="0"></a>
            </div>
            
            <div class="classCounterStrike">
            <a href="http://www.site.com/forum/index.php"><img src="http://i41.servimg.com/u/f41/16/11/59/47/cs10.png" border="0"></a>
            </div>
         
            <div class="classRedirects">
            <a href="http://www.site.com/forum/index.php"><img src="http://i41.servimg.com/u/f41/16/11/59/47/redire10.png" border="0"></a>
            </div>
            <!--Aici se termina imaginile-->
            
            
            <!-- Link-uri -->
            
            <div class="linksDIV">
            
            <div style="float: left; padding: 4px;">
            
            <ul>
            <li> → <a href="#"> Intra pe forum-ul comunitatii! </a></li>
            <li>  → <a href="#"> Vezi ce parteneri avem afiliati. </a></li>
            <li>  → <a href="#"> Ultimele raspunsuri pe forum. </a></li>
            <li>  → <a href="#"> Alatura-te grupului nostru de Designeri.
            </ul>
            
            </div>
            
            </div>
            
            <!-- Linie de sfarsit Link-uri -->
            
                        <!-- Link-uri -->
            
            <div class="linksDIV">
            
            <div style="float: left; padding: 4px;">
            
            <ul>
            <li> → <a href="#"> Intra pe forum-ul comunitatii! </a></li>
            <li>  → <a href="#"> Intra pe forum-ul comunitatii! </a></li>
            <li>  → <a href="#"> Intra pe forum-ul comunitatii! </a></li>
            <li>  → <a href="#"> Intra pe forum-ul comunitatii! </a></li>
            </ul>
            
            </div>
            
            </div>
            
            <!-- Linie de sfarsit Link-uri -->
         </div>
         
      
      
      </div>
   
   <div class="footer" align="center">
   All rights reserved to elico.(<a href="http://4design.forumgratuit.ro/">4Design</a><br /></a>.
   </div>

   </div>
   
   </body>
      </html>

Imagini sau demo: Demo Index - Click Aici

* Astept pareri si impresii!
elico
elico
Administrator
Administrator

Credite : 90

https://4design.forumgratuit.ro

Sus In jos

Sus

- Subiecte similare

4Design Romania :: Web Arena :: Index / Intro

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum