Blog » CSS

CSS Link

AlbCoder — Sat, 05 Jun 2010 22:31:32 +0000

PARAMETRAT E LİNKVE ne CSS

a : Eshte tipi ,forma i linkut para se te klikohet para se ti vihet siper shigjeta e mouset.

a:hover : Eshte forma kur shigjeta vjen mbi Link.

a:active : eshte momenti i klikimit mbi Link.

a:visited : Eshte forma e linkut mbas klikimit.

FORMIMI:

color : tregon ngjyren e linkut.

background-color : tregon ngjyren e mbrapafaqes te linkut, pjesen baze.

background-image : I shton foto mbrapafaqes te linkut(kjo mund te jete edhe animated-gif.)

text-decoration : Eshte forma,karakteri i tekstit te linkut per shembull me vize nga poshte,ne mes ose bold etj.et..

font-weight : Tregon hollesine ose trashesine te Linkut.

border : Shton ansore retheqark linkut.

display : tregon fushen e duhur per te shfaqur linkun.

Shikoni disa Shembuj :

Disa Tabela – Shembuj

AlbCoder — Wed, 02 Jun 2010 18:20:31 +0000

Kam disa shembuj me poshte ku mund ti perdorni ne web faqet juaja.Tabelat jane argetuese mua personalisht me pelqejne me kete arsyje ndoshta mund tju duhet per ndonje projekt dhe do vazhdoj te vendos gjera te tilla ku do jete me e lehte per ju.

Per te perdorur kodin klikoni dy here mbi kod dhe duke e kopjuar ngjiteni ne web faqen tuaj per ta futur ne pune.

Përshkrimi

Kodi

Rezultatet

Tabelë Bazë

Tabela 1	Tabela 2
Tabela 3	Tabela 3

Tabelë me cellpadding, cellspacing, dhe width attributes

Tabela 1	Tabela 2
Tabela 3	Tabela 4

Tabelë me një Header Row

Tabela header	Koka e Tabelës
Tabela 1	Tabela 2

Tabela me colspan Applied

header
Tabela 1	Tabela 2

Tabelë me rowspan Applied

header	Tabela 1
header	Tabela 2

Tabelë me CSS Applied

Table header	Table header
Tabela 1	Tabela 2

CSS float

AlbCoder — Tue, 12 Jan 2010 20:50:18 +0000

Pershendetje,
ne kete mesim te shkurter por aq i vlefshem dua te tregoj komanden float ne css se per cfare sherben dhe si perdoret.
Komanda float ne CSS nevojitet per te mbeshtetur dicka ose div tek e djathta ose e majta.Ose duhet per ti vendosur Div-et anash anash me njeratjetren

Tani ne faqen HTML kemi 2 div djathtas dhe majtas.



   Perdorimi i float ne CSS
    


 

E majta

 

E djathta

Dhe dokumenti CSS eshte keshtu;

#majtas {
    font-family: Tahoma;
    font-size: 20px;
   background-color: gray;
    width: 100px;
   height: 100px;
}
 
#djathtas {
   font-family: Comic Sans MS;
   font-size: 12px;
    background-color: red;
    width: 100px;
    height: 100px;
}

Tani do mundohemi qe divin djathtas ta vendosim anash tjetrit qe e quajtem majtas.



   Perdorimi i float ne CSS
    


 

 

E majta

 

E djathta

Me pas ne CSS duke i dhene gjeresini dhe gjatesine do e kufizojme.Dhe divin qe e quajtem djathtas

1	float: right;

do e mbeshtesim djathtas me kodin qe dhash me larte.

#kryesor {
     width: 200px;
     height: 100px;
}
 
#majtas {
    font-family: Tahoma;
    font-size: 20px;
   background-color: gray;
    width: 100px;
   height: 100px;
}
 
#djathtas {
   font-family: Comic Sans MS;
   font-size: 12px;
    background-color: red;
    width: 100px;
    height: 100px;
    float: right;
}

E rendesishme: Div qe i vendosem komanden float gjithmon duhet te vije perpara divit qe nuk ja kemi vendosur kete komande.



     Perdorimi i float ne CSS
     


 

 

E djathta

 

E majtas

Padding dhe Margin ne CSS

AlbCoder — Sun, 06 Dec 2009 00:17:02 +0000

Zakonisht për shokët tane që sa kanë filluar në css gjerat që i japin më tepër vështirësi janë padding dhe margin. Faktikisht keto dy emra përdoren për të treguar vend qëndrimin e elementave si (div,span,img e.t.j.).Domethënë tregon pozicionet djathtas,majtas,lart dhe poshtë të elementeve.
Padding: Përdoret për të treguar largeseat nëpër kufirat e elementit të përmbajtjes.Përshembull “padding:4px;” Një dekleracion i tillë thot qe ky element do të jetë 4 pixel larg nga kufirat qe ka anash(poshtë,lartë,djathtas dhe majtas).
Margin: Përdoret për të treguar largesën midis elementeve që janë komshi.Përshembull “margin:4px;” ky shembull tregon sa largë do të qëndroj elementi nga elementet e tjerë qe i ka komshi (poshtë,lart,djathtas dhe majtas) me një fjalë tregon që duhet të jetë 4 pixel larg. Ja edhe shembulli në imazh tregon padding dhe margin ta shikojme bashkë .

Në imazhin që ështe anash nese ai që është blu ështe elementi jonë ,boshllëku numër 1 margin (largësia nga komshiu) Kurse numri 2 është padding(largësia e përmbajtjes nga elementi) dır.

Mbase e mësuam se çfarë ështe margin dhe padding të shikojmë tani se si përdoren.Që të dyjat regulloren e shkrimit e kanë njësoj.Ti tregojmë me 3 pika .

1-Mund të perdoret duke dhënë vetëm një drejtim.Këtë e bëjme duke i treguar në fillim emrin e qëndrimit dhe pastaj i shkruajmë drejtimin. Përshembull: padding-left:4px; ose margin-top:30px; etj..
2-I japim boshllëqe me radhe nga lart,djathtas,poshtë dhe majtas.Përshembull: margin:2px 4px 6px 8px; një përshkrim i tillë tregon që elementi jonë me boshllëqe nga elementet komshi është 2 nga lart ,4 nga e djathta,6 nga poshtë dhe 8 pixel nga e majta.
3-Shkruhet emri dhe anash i bëhet vetëm nje përshkrim.Përshembull:padding:50px; thot që permbajtja e elementit ështe 50pixel larg nga 4 anët.

Besoj se ështe shkrim me vlerë reth CSS.
Ky Artikull është shkruajtur nga AlbCoder www.albcoders.com
Ju Lutemi vendosni Burim si një Webmastër i pjekur nëse do të bëni copy/paste

CSStext.com – Vegla Online per te regulluar Shkrimet

AlbCoder — Fri, 30 Oct 2009 20:52:48 +0000

CSSText,eshte nje vegel online qe ju ndihmon per ti regulluar fontet.Me opsionet qe ka pa patur nje dituri rreth css mund ti regulloni fontet ne menyren qe deshironi ,mund te shikoni perfundimin dhe mund te merni kodet.

Ti tregojme pak kuptimet e Opsioneve qe ndodhen ne kete faqe.

Pjesa Lart

bold – shkrimi trashe

underline – shkrim me vize nga poshte

overline – shkrim me vize nga lart

italic – shkrim italik

oblique – shkrim i shtrire

line-through – shkrim me vize nga lart

upperscase – vetem germa te medhaja

smallcaps – germat e medhaja dhe te vogela i ben te gjitha te mdhaja.Por ato qe ishin te medhaja e ben edhe me te medhaja kurse ato te vogelat i ben te vogla.

Pjesa Majtas

Letter spacing - Tregon boshllekun midis germave

Word spacing – ben boshlleqet midis fjaleve

Font size – regullon madhesine e fontit

Line height – rregullon hapesiren midis rrjeshtave

Border size – tregon madhesine e vizes qe do behet rretheqark shkrimit.

Pjesa Djathtas

Font family – tipi fontit (shkrimit)

Text align – perdoret per te vendosur pjesen ku do te duket teksti

a) left – e pasqyron tekstin majtas

b) center – e qendron ne mes

c) right – e tregon djathtas

d) justify – e mbeshtet teksin ne dya anet.

Border style - Ben tipin e vizes qe do vizohet reth shkrimit

Font color – tregon ngjyrat e fontit

Background color – perdoret per ngjyren e mbrapa faqes ( backgroundin )

Border color – Ben ngjyren e vizes qe do vizohet reth tekstit.

Per me teper informacione klikoni Ketu…

Ndryshimi midis ID dhe CLASS ne CSS

AlbCoder — Sat, 10 Oct 2009 22:24:05 +0000

Bashke me Teknologjite e reja tani jemi drejtuar ne dizajne me css te reja.Por si cdo teknologji e re problemat qe ndodhin ne css filluan duke na lodhur.Faktikisht ne kete mesim do flasim per dy gjera te rendesishme ne CSS ,keto jane ID dhe CLASS.
Fillojme udke shpjeguar se cfare eshte ID.
ID : gjeja me e rendesishme qe e ndane nga elementi class eshte sepse vetem nje here shtohet vetem tek nje
div Mund ta shpjegojme edhe keshtu;ID i perket dikujt.Kurse class eshte nje klase i perket disa vetave.
ID nga class-et ndahet edhe simbolisht.Ne ID-e kur perdoret # (thurje) ne class perdoret . (pike)
Shembull
Menyra ne Faqe

Faqja Kryesore

Menyra Style

#menu{
background-color: red

CLASS : Siç thash edhe me lart gjeja me e rendesishme qe e ndane Class me ID eshte qe class perdoret ne shume pika.Dhe perdorimi simbolik , Ne ID perdoret # dhe ne class perdoret . (pike).

Shembull ;

Per ta Kthyer PSD-ne ne XHTML dhe CSS

AlbCoder — Wed, 07 Oct 2009 20:45:29 +0000

Duke pare nje teme ne webmaster.al reth kthimit te PSD-se ne XHTML dhe CSS ju futa punes dhe mendova te bej nje tutorial ne Faqen time.
Duke pasur deshir per te ndihmuar dhe bashke me llogjiken secilli punen e vet bera disa kerkime.

Dhe nga burimet qe gjeta mendoj se njera me te vertete do te ndihmoj shume veta. Gjeta nje faqe qe ndante kodet shembull bashketregimin se si mund te kthehet PSD tek XHTML dhe CSS .
Ja urdheroni Videot dhe dosjat qe jane publikuar ne Nettuts.com per kete teme.

Videot jane afersisht 55 minuta,tregimet jane bere shume te plote dhe origjinale ua preferoj me presjon te madh qe ti shikoni ne kohen e lire keto video.

Videoja qe tregon Kthimin e PSD-se ne XHTML ;

Ja dhe Video qe tregon Kthimin e PSD-se ne CSS

Leni mesazh tek Vizitoret e IE6

AlbCoder — Sat, 05 Sep 2009 17:29:19 +0000

Nese deshironi mund ti leni mesazh vizitoreve qe vijne me internet explorer 6.0 qe ta nderrojne browserin duke i lajmeruar ato se internet explorer eshte nje browser i vjeter ,i shemtute dhe qe nuk ben me,i ka hikur koha .(Akoma ka shume veta qe perdorin versionin 6 bashke me sistemin windows 2000).Pra te bere kete Gjeja qe duheni te beni eshte ti kopjoni Kodet e poshtem dhe ti vendosni ne trupin ( body ) te Faqes.

1
2
3

Dhe mundohuni te shkruani nje Mesazh te lezetshem pershembull nje nga ana ime;

I Dashur Vizitor..
Shfletuesi Juaj Internet Explorer 6 eshte Prodhuar ne Vitin 2001.Zhvillimi ieshte ndaluar.
Kjo domethene qe jeni duke perdorur nje Shfletues te kohes Qepes
Disa nga Shfletuesit e Dites Sotme : Apple Safari , Mozilla Firefox , Opera

Zgjidhje per IE7 dhe IE8

AlbCoder — Sat, 05 Sep 2009 17:15:44 +0000

Titulli Temes ndoshta nuk eshte shume i kuptueshem ashtu sic duhet.Me teper mund te themi keshtu;
Kodet CSS dhe HTML per ti shpjeguar ne menyre te pershtateshme me standartet ne Browserin Internet Explorer. IE7.js dhe IE8.js

Cfare Fitimi keni me Keto?

Keto bejne te mundur qe dizajni juaj te duket edhe ne Internet Explorer siç duket tek tjerat.Keshtu qe nuk do keni nevoj te perdorni Teknika dhe hile te ndryshme reth CSS.

Perdorimi

Gjeja e vetme qe duheni te beni eshte ti kopjoni kodet dhe ti vendosni midis (< head >..< /head >) ne dizajnin tuaj.

Per IE7

1
2
3

Per IE8

1
2
3