probleme tehnice „planse, grafica
Cum sa faci un site cadru de cauciuc
Pasul 1 - Conceptul general. Noi determina dimensiunea maximă și minimă a site-ului, numărul de bare laterale.
Pasul 2 - Pregătirea la locul de muncă. Creați un folder în care creați documentul html și css.
Pasul 3 - în documentul HTML prevede blocuri: antet, topNav, leftNav, conținut, rightNav, subsol.
Pasul 4 - investigat cu css.
Discutați despre prioritățile de site-uri de cauciuc, cred că nu are sens. In acest tutorial, vom dezvolta site-cadru DIVah cauciuc folosind css.
Etapa 1: Dezvoltarea unui site începe cu conceptul general, și anume, coder este determinată de designul general al site-ului. Să presupunem că avem nevoie să impună un site cu 3 blocuri de navigare - sus, stânga și dreapta. Lățimea maximă a site-ului ar trebui să fie 1660px, iar cea minimă 990px, astăzi este cea mai bună soluție.
Selectați Toate Cod:
Dacă sunteți implicat într-o afacere pe internet marketing, probabil, thenyou've venit deja față în față cu # 1enemy dvs. - „pierzi timpul“.
Nu ctr + c și ctr + v, este mai bine să prescrie degetele sale (Barosul pe degetele de doamnelor)! După ce a scris, salvați fișierul (ctr + s).
Etapa 4: În etapa anterioară, am înregistrat un cadru html, dar nu e nimic. Ce l-ar da toate proprietățile cadrului de cauciuc este necesar să se lucreze cu css, decât acum facem.
Deschide style.css. În primul rând, să dea contur - linie.
Această regulă este - da toate div. line: 1piksel solid negru;. Salvați fișierul (ctr + s), executați index.html cu un browser. Dacă este făcută corect, pagina trebuie să fie un record, care este înconjurat de 4 linii.
Noi da înălțime și lățime de blocuri
Selecteaza Tot Cod: #wrapper lățime: 96%;
înălțime: 2300px;
margin: 0 auto;
schiță: 1 px solide # FF0000;
>
În acest cod am dat înveliș (înveliș) - lățimea (lățime) de 96%, pentru că noi facem de cauciuc înălțime de proiectare (înălțime) 2300pikselya, au centrat marja de înveliș: 0 auto. Probabil a observat o proprietate schiță familiară, suntem acum un înveliș bloc separat a dat linia roșie. Salvați fișierul (ctr + s), actualizați browser-ul (F5). Ar trebui să vedeți o linie roșie. Dacă da, merge mai departe:
Selecteaza Tot Cod: înălțime #header: 150px;
lățime: 100%;
margin-bottom: 20px;
schiță: solid 1px # 000000;
>
#topNav înălțime: 48px;
lățime: 100%;
margin-bottom: 20px;
schiță: solid 1px # 4813F4;
>
#Content float: left;
Marja: 0 255px;
schiță: 1px solid # d5c904;
text-align: justifica;
>
Marja #leftNav: -245px 0 -100 0%;
float: left;
lățime: 240 de pixeli;
height: 500px;
schiță: 1px solid # 000000
>
#rightNav margine-stânga: -245px;
float: right;
lățime: 240 de pixeli;
height: 400px;
schiță: solid 1px # 000000;
>
#footer înălțime: 50px;
schiță: solid 1px # 4813F4;
>
Ceea ce am făcut:
Conținutul unitate:
Blocarea conținutului dat de flux în jurul valorii de la stânga (float: left), marja de padding externă: 0 255px, a părăsit și 255pikselya dreapta. Textul dat de proprietate de text-align: justifica;, că textul întregului bloc.
Unitate leftNav:
Marja: 0 -245px 0 -100%; - aceasta înseamnă: de la 0pikselya sus cu -245pikselya dreapta cu 0pikselya jos și de la stânga la -100% (care a fost lăsat de bloc cu conținut). Lățimea ca 240pikselya, iar înălțimea care trebuie îndepărtată după apariția navigației.
Unitate rightNav:
-Marginea din stânga: -245px - pentru a urca pe conținutul de bloc. float: right - înfășurați pe dreapta. Înălțimea trebuie să fie eliminate după apariția intrărilor în acest bloc.
Acum, în partea de sus a documentului lista de style.css
min lățime - lățimea minimă a site-ului.
max-width - lățimea maximă a site-ului, și anume, site-ul se va întinde până la 1660pikseley în cazul nostru.
Și cum faci site-ul cadru de cauciuc.
_________________
portofoliul meu
Cum să-l prescrie in HTML si CSS.
_________________
Aici am cumpăra trafic
andreykashops a scris (a): Ruslan, sunt aici pentru a face tema vordperss pentru site-ul dvs., tema descărcat - baza pe care am modifica sub ea însăși.
Nu-mi place meniul, care este în partea de sus a site-ului, vreau să-l mutați sub capac.
Cum să-l prescrie in HTML si CSS?
Opțiunea 1. Meniul cut-fișier HTML, iar în cazul în care doriți să inserați
Opțiunea 2. Fișierul css selectorii, care oferă meniul de proprietăți, înregistrați
sus: -160px; - depinde de dimensiunea de capace. Dacă este 150px, apoi Bude meniul de mai jos pentru a-l 10px.
Oh, și lăsați positin capac: relativă; - va fi poziționat în raport cu capacul blocului.