Tutoriale Web Design, Wordpress si SEO

Tutoriale Web Design:CSS, Dreamweaver, Photoshop, Web 2.0 dar si Tutoriale Wordpress si SEO

Archive for the ‘Tutoriale CSS’ Category

« Older Entries
Newer Entries »

Probleme in CSS

By admin • Apr 13th, 2007 • Category: Tutoriale CSS

Sunt cateva chestii - trucuri si ponturi - pe care ar trebui sa le aveti in vedere atunci cand lucrati cu CSS. 
 1. Marime text fara a folosi pixels
p { font-size: 1.2em; line-height: 1.5em; } 
2. Codul usor de citi !

O structura CSS trebuie sa aiba in principiu urmatoarele elemente

#header

#logo
#search

#content

#breadcrumbs (ramasite…bucatele)
#content-ads

#sidebar

#navigation
#sidebar-ads

#earthweblinks
#footer

Bineinteles fiecare isi personalizeaza structura in functie de […]


Scroll Bar CSS

By admin • Apr 10th, 2007 • Category: Tutoriale CSS

Pentru colorarea barelor de scroll se introduce urmatorul cod in HEAD. Modelul are culori alese nepotrivit dar stridentepentru a intelege codul cat mai bine.
<style>
body {
scrollbar-base-color: #7A2E00;
scrollbar-arrow-color: #F20060;
scrollbar-3dlight-color: #FF4444;
scrollbar-darkshadow-color: #C100A7;
scrollbar-face-color: #0B0072;
scrollbar-highlight-color: #EAD300;
scrollbar-shadow-color: #A500A8;
scrollbar-track-color: #774300;
}
</style>

Am aplicat codul de mai sus la acest box pentru a vedea clar diferenta! Tutoriale CSS: Model de scroll bar in CSS. Tutoriale […]


CSS Layout

By admin • Apr 4th, 2007 • Category: Tutoriale CSS

Urmatorul tutorial va fi un exemplu de layout construit in CSS. Pentru a va iesi un layout exact ca cel realizat de mine va trebui sa download-ati  cele 4 imagini de aici.

Primul Pas
Vom realiza un document de baza HTML

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
 <meta name=”description” content=”Description” />
 <meta name=”keywords” content=”Keywords” />
 <meta name=”author” content=”Ana Design” […]


CSS Cursor

By admin • Apr 3rd, 2007 • Category: Tutoriale CSS

CSS va permite sa specificati un anume design la cursor . Am sa va dau cateva exemple… daca sunt intrebari lasati comment.
<style type=”text/css”>
p { cursor: wait; }
h1 { cursor: help; }
h2 { cursor: crosshair; }
</style>

Daca vreti mai multe iconite…
style=”cursor: default;”
style=”cursor: hand;”
Note: iconita “hand” nu e suportata de Firefox, si va aparea in loc iconita cursorului default […]


Validare fisiere CSS

By admin • Mar 30th, 2007 • Category: Tutoriale CSS

Zilele trecute m-am lovid de aceasta problema la site-ul la care am tot lucrat. Validarea CSS-ului asigura faptul ca sintaxa codului scris este corecta, conform standardelor “W3 Consortium”.
Validarea CSS-ului se face pentru a ne asigura ca avem un css compatibil cu toate browsere-le si pentru a evita anumite probleme de vizibilitate sau functionabilitate a altor limbaje in pagina cu css.
Prin […]


Tabele si DIV-uri

By admin • Mar 22nd, 2007 • Category: Tutoriale CSS

Tabele construite cu CSS sunt mult mai eficiente! 
Tabel Simplu
< table >

  < tr >

  < td >

  < / td >

  < td >

  < / td >

  < / […]


Submeniu lista

By admin • Mar 22nd, 2007 • Category: Tutoriale CSS

<ul id=”menu”>
<li><a href=”#”>Menu 1</a>
<ul>
<li><a href=”#” >Sub 1</a></li>
<li><a href=”#” >Sub 2</a></li>
<ul>
</ul>
</li>
<li><a href=”#” >Menu 2</a>
<ul>
<li><a href=”#” >Sub 1</a></li>
<li><a href=”#” >Sub 2</a></li>
</ul>
</li>
<ul>
</ul>

Menu 1

Sub 1
Sub 2

Menu 2

Sub 1
Sub 2


« Older Entries
Newer Entries »