Navigare rapidă

Ultimele subiecte
» Criptare sursa html in cifre
Scris de nicutzy Joi 23 Mar - 2:09
» Bine v-am gasit !
Scris de Andrei34 Mier 22 Mar - 15:19
» Cum retusam imaginile
Scris de razvan112 Vin 17 Mar - 15:00
Cuvinte-cheie

edit  Metin2  radio  menu  meniu  banner  pentru  cautare  tema  html  reclama  legenda  subforumuri  chenar  tutorial  drop  animate  Statistici  navigare  Mesaje  avatar  Bara  punbb  ultimele  phpBB2  profil  

Elegant linear template

avatar
Admin & Dezvoltator
Mesaje : 1063
Localizare : Romania
Sex : masculin
Fondator
Vezi profilul utilizatorului https://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
Admin & Dezvoltator
Mesaje : 1063
Localizare : Romania
Sex : masculin
Fondator
Vezi profilul utilizatorului https://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 https://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
Admin & Dezvoltator
Mesaje : 1063
Localizare : Romania
Sex : masculin
Fondator
Vezi profilul utilizatorului https://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 : 70
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 https://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 https://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 https://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