Navigare rapidă

Ultimele subiecte
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
» Salutare
Scris de Lucifer Mar 24 Apr - 11:32
» Avatar User in Online List
Scris de Emanueltutorials Vin 9 Feb - 21:18
Cuvinte-cheie

edit  

Elegant linear template

avatar
Administrator
Mesaje : 1064
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.forumer.ro/">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 : 1064
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..
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 : 1064
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 : 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 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?
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 .
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.
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