Navigare rapidă

Ultimele subiecte
» Un nou stil pentru categorii [BB3]
Scris de Meliss Sam 18 Noi - 12:34
» Summer v1.1 theme
Scris de eby Sam 18 Noi - 11:28
» Wireless ipb theme [punBB]
Scris de YutuLe Lun 6 Noi - 20:37
» Prezentare CHR
Scris de Zeus Vin 20 Oct - 22:13
Cuvinte-cheie

edit  

Elegant linear template

avatar
Administrator
Mesaje : 1065
Localizare : Romania
Sex : masculin
Fondator
Vezi profilul utilizatorului http://www.extrem-tutorials.com
Elegant linear template la data de Mar 4 Oct - 18:41

Previzualizare: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Autor: Mr.Sankez
Dificultate: /5
Cod:
<html>
    <head>
          <link rel=icon href=http://i42.servimg.com/u/f42/15/42/26/78/fw10.png sizes="32x32" type="image/png">

<title>Extrem Tutorials ™️ - Prima Pagina </title>

    </head>
    <body>
      <div class="container">
         
         <div class="header">
<div class="left">
              <a href="#">Text</a>

              <a href="#">Text</a>
              <a href="#">Text</a>
              <a href="#">Text</a>
</div>
         

<div class="back">
              <a href="#">Text</a>
              <a href="#">Text</a>

              <a href="#">Text</a>
              <a href="#">Text</a>
          </div>



      </div>

         <div class="content">
            <h1>     Bine ai venit pe Extrem Tutorials</h1>

            
            <div id="ei_menu" class="ei_menu">
         CONTINUT <BR>
         CONTINUT <BR>
         CONTINUT <BR>
         CONTINUT <BR>
         CONTINUT <BR>

         CONTINUT <BR>
            </div>

         </div>
         
<div class="footer">
            Copyright 2011 Forumul tau | Design creat si codat de <a href="http://extrem-tutorials.online-talk.net/">Mr.Sankez</a> | Toate drepturile rezervate
         </div>

      </div>

<style type="text/css">
body{margin:0px}
.header a{color:#AAA}
.header a:hover{color:#fff}
.left{float:left;margin-left:10px}
.asezare{padding-left:12px}a{color:#777;text-decoration:none}
.content{margin:0 auto;padding:0px 0px 58px 0px;margin-left:-10px}

.header {
text-align: center;
width: 100%;
height: 35px;
clear: both;
background: black url(http://i40.servimg.com/u/f40/16/90/71/02/stripe10.gif) repeat top left;
margin-bottom: 20px;
border-bottom: 7px solid #222;
font-size: 11px;
line-height: 35px;
text-shadow: 1px 1px 1px black;
-moz-box-shadow: 0px 0px 5px #252525;
-webkit-box-shadow: 0px 0px 5px #252525;
box-shadow: 0px 0px 5px #252525;
}
body {
font-family: "Trebuchet MS",sans-serif;
font-size: 14px;
background: #333;
color: white;
}
.header a {
color: #AAA;
text-shadow: 1px 1px 1px black;
padding-right: 20px;
}
.container {
position: relative;
margin: 0 auto;
width: 100%;
height: auto!important;
height: 100%;
min-height: 100%;
}
.header {
text-align: center;
width: 100%;
height: 35px;
clear: both;
background: #000 url(http://i40.servimg.com/u/f40/16/90/71/02/stripe10.gif) repeat top left;
margin-bottom: 20px;
border-bottom: 7px solid #222;
font-size: 11px;
line-height: 35px;
font-weight: bold;
text-shadow: 1px 1px 1px black;
}

.ei_menu {
background: #232323;
width: 100%;
padding-left: 24px;
padding-right: 24px;
padding-top: 14px;
padding-bottom: 14px;
height: 60%;
overflow: hidden;
border-bottom: 1px solid #282827;
border-top: 1px solid #282828;
-moz-box-shadow: 0px 0px 5px #252525;
-webkit-box-shadow: 0px 0px 5px #252525;
box-shadow: 0px 0px 5px #252525;
}
.footer {
position: fixed;
width: 100%;
height: 50px;
line-height: 50px;
bottom: 0;
background: #F0F0F0;
border-top: 7px solid #222;
text-align: center;
text-shadow: 1px 1px 1px black;
color: #AAA;
background: black url(http://i40.servimg.com/u/f40/16/90/71/02/stripe10.gif) repeat top left;
-moz-box-shadow: 0px 0px 5px #252525;
-webkit-box-shadow: 0px 0px 5px #252525;
box-shadow: 0px 0px 5px #252525;
}
.footer a{
color: #AAA;
}
.footer a:hover{
color: #fff;
}
.back {
position: absolute;
right: 10px;
top: 0px;
}
.content > h1 {
margin-left: 10px;
padding-left: 4px;
font-size: 30px;
font-weight: normal;
text-shadow: 0px 0px 1px white;
text-shadow: 1px 2px 1px #000;
border-bottom: 1px dotted #444;
padding: 10px 20px;
-webkit-mask-image: -webkit-gradient(linear, left top, »
    left bottom, from #fff, to #d7d7d7;
}</style>
    </body>
</html>

Sper sa va placa ceea ce am realizat.
avatar
Membru activ
Mesaje : 306
Localizare : Romania
Sex : masculin
0 avertismente
Vezi profilul utilizatorului http://nimic.com
Re: Elegant linear template la data de Mar 4 Oct - 18:43

Putin cam simpla,sper sa nu te superi!...
avatar
Administrator
Mesaje : 1065
Localizare : Romania
Sex : masculin
Fondator
Vezi profilul utilizatorului http://www.extrem-tutorials.com
Re: Elegant linear template la data de Mar 4 Oct - 18:47

Nu ma supar, am creat aceasta pagina pentru cei care nu pot realiza asa ceva.
avatar
Membru dedicat
Mesaje : 949
Localizare : Paris
Sex : masculin
0 avertismente
Vezi profilul utilizatorului http://www.extrem-tutorials.com
Re: Elegant linear template la data de Mar 4 Oct - 19:33

bravo..
pentru un incepator este mana cereasca..




Une chose d'après moi c'est que les gens sont souvent trop content. Et ils s'enfoncent leurs tetes dans bien fond dans leurs cul !
Alors allez vous faire avoir, on s'en fout royalement de votre vie
avatar
Membru dedicat
Mesaje : 831
Localizare : Râmnicu Vâlcea
Sex : masculin
0 avertismente
Vezi profilul utilizatorului http://www.mihaiHD.com
Re: Elegant linear template la data de Mar 4 Oct - 20:07

Simplu, este o nimica toata !
avatar
Administrator
Mesaje : 1065
Localizare : Romania
Sex : masculin
Fondator
Vezi profilul utilizatorului http://www.extrem-tutorials.com
Re: Elegant linear template la data de Mar 4 Oct - 20:24

Nu este o nimica toata pentru cei ce nu stiu sa realizeze asa ceva.
avatar
Membru ET
Mesaje : 62
Sex : masculin
0 avertismente
Vezi profilul utilizatorului
Re: Elegant linear template la data de Mar 4 Oct - 21:33

Simplu, dar atragator.Bravo.(Scurt si la obiect cum ar venii)
avatar
Membru ET
Mesaje : 72
Localizare : bucuresti
Sex : masculin
0 avertismente
Vezi profilul utilizatorului
Re: Elegant linear template la data de Joi 6 Oct - 10:08

Mr.Pagnel , tu nu poti realiza asa ceva. Oricum este destul de greu . Dar acum ca ai postat asa ceva , v-a fi usor pentru unii sa isi culeaga din el cate ceva.
avatar
Membru dedicat
Mesaje : 949
Localizare : Paris
Sex : masculin
0 avertismente
Vezi profilul utilizatorului http://www.extrem-tutorials.com
Re: Elegant linear template la data de Joi 6 Oct - 13:00

@eric23081999
Te rog sa nu postezi mesaje ce ar putea duce la cearta/injurii
Multumesc pentru intelegere

de unde stii ca nu poate?




Une chose d'après moi c'est que les gens sont souvent trop content. Et ils s'enfoncent leurs tetes dans bien fond dans leurs cul !
Alors allez vous faire avoir, on s'en fout royalement de votre vie
avatar
Membru ET
Mesaje : 62
Localizare : On Root
Sex : masculin
0 avertismente
Vezi profilul utilizatorului http://fb.com/ProstiiAuNet
Re: Elegant linear template la data de Sam 8 Oct - 22:57

Super pagina dar ar arata si mai frumos cu un meniu dropdown pe partea stanga/dreapta sus...




avatar
Membru ET
Mesaje : 19
Localizare : Brasov
Sex : masculin
0 avertismente
Vezi profilul utilizatorului http://komarts.net
Re: Elegant linear template la data de Mier 12 Oct - 0:23

E simpla (nu e ceva rau), dar mergea sa adaugi paragrafe de text "lorem ipsum" pentru a umple "golul" si un side pe stanga sau dreapta ar fi imbogatit aspectul si primul contact vizual.
avatar
Membru ET
Mesaje : 50
Sex : masculin
0 avertismente
Vezi profilul utilizatorului
Re: Elegant linear template la data de Mier 12 Oct - 9:16

Frumos template,multumim.
Vizitato
avatar
Vizitator
Re: Elegant linear template la data de Dum 16 Oct - 21:14

Dragut template, dar cum spun si altii, e cam simplu.
avatar
Membru ET
Mesaje : 60
Localizare : Barlad
Sex : masculin
0 avertismente
Vezi profilul utilizatorului
Re: Elegant linear template la data de Mar 18 Oct - 21:24

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Simplu, dar atragator.Bravo.(Scurt si la obiect cum ar venii)
Membru activ
Mesaje : 344
Localizare : Târgu Jiu
Sex : masculin
0 avertismente
Vezi profilul utilizatorului
Re: Elegant linear template la data de Mar 25 Oct - 21:04

Foarte frumos template .
avatar
Membru ET
Mesaje : 72
Sex : masculin
0 avertismente
Vezi profilul utilizatorului
Re: Elegant linear template la data de Lun 31 Oct - 23:09

ca si ceilalti....e un template dragut.....dar simplu:)
avatar
Membru ET
Mesaje : 65
Localizare : Iasi
Sex : masculin
1 avertisment
Vezi profilul utilizatorului http://www.extrem-tutorials.com
Re: Elegant linear template la data de Vin 4 Noi - 17:01

Da , imi place acest template dar e mai mult pentru temele inchise la culoare.Tine-o tot asa!
Membru ET
Mesaje : 14
Localizare : undeva
Sex : masculin
0 avertismente
Vezi profilul utilizatorului
Re: Elegant linear template la data de Mier 25 Ian - 20:40

i like it xDD
avatar
Membru ET
Mesaje : 53
Localizare : Craiova
Sex : masculin
0 avertismente
Vezi profilul utilizatorului http://graffer.betaboard.net/forum
Re: Elegant linear template la data de Vin 2 Mar - 20:48

super , chiar arata foarte bine




avatar
Membru premium
Membru premium
Mesaje : 379
Localizare : Timisoara,Romania
Sex : masculin
0 avertismente
Vezi profilul utilizatorului http://geek4um.forumz.ro
Re: Elegant linear template la data de Sam 3 Mar - 9:31

Un design simplu , dar foarte atragator in acelasi timp .




"Este mai bine să taci cu riscul de a fi considerat un prost, decât să vorbești și să elimini definitiv orice îndoială." - Maurice Switzer
avatar
Membru premium
Membru premium
Mesaje : 459
Sex : masculin
0 avertismente
Vezi profilul utilizatorului
Re: Elegant linear template la data de Sam 31 Mar - 19:26

Mie imi place,bravo Justin.






Dacă aveţi o problemă , nelămurire vă invit să mă contactaţi prin Mesageria Privată , totuşi nu cereţi support prin mesageria privată.
Vizitato
avatar
Vizitator
Re: Elegant linear template la data de Dum 6 Mai - 9:33

Interesant design, foarte bine lucrat Stefan
avatar
Membru veteran
Membru veteran
Mesaje : 1173
Localizare : România
Sex : masculin
0 avertismente
Vezi profilul utilizatorului http://www.extrem-tutorials.com
Re: Elegant linear template la data de Joi 27 Sept - 19:19

Frumos,arata foarte bine,bravo pentru munca depusa!
Vizitator
avatar
Vizitator
Re: Elegant linear template la data de Joi 27 Sept - 20:06

frumos Stefan

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum