HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: -primož-    29.01.10
Velike črke, male črke in velika začetnica s CSSjem               
CSS vodiči

crke_thumb
S pomočjo tega vodiča boste lahko besedilu določili le velike črke ali le male črke, lahko pa boste določili le veliko začetnico vsem besedam, ali pa le prvi. To boste lahko naredili s pomočjo kode text-transform.

 

Celoten pristop je zelo uporaben, saj lahko s pomočjo tega nadzirate obliko vseh naslovov na vaši spletni strani, neglede na to, kdo in kako jih piše.

 

 

HTML in CSS koda:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

#ena {text-transform: uppercase}
#dva {text-transform: capitalize}
.tri {text-transform: lowercase}

</style>
</head>

<body>

<p id="ena">moje mesto - slovenski vodiči</p>
<p id="dva">moje mesto - slovenski vodiči</p>
<p class="tri">moje mesto - slovenski vodiči</p>
<p class="tri">Moje Mesto - Slovenski vodiči</p>

</body>
</html>

PRIKAZ velikih črk, malih črk ter velikih začetnic

 

 

Razlaga kode:

 

Kakšna je razlika med lojtro ( # ) in piko ( . ) si oglejte v vodiču o osnovah CSSja.

 

text-transform v slovenskem prevodu pomeni preoblikovanje besedila in točno to ta koda tudi naredi.

Uppercase določa, da so vse črke velike.

Capitalize določa, da so vse prve črke besed velike.

Lowercase določa, da so vse črke male.

 

Če želite imeti veliko le prvo črko v naslovu oz. odstavku si morate ogledati vodič o prvi črki, ki vam bo dal nekaj dodatnih idej, s katerimi boste lahko popestrili spletno stran.

 

 

Upam, da si boste z zgornjo kodo pomagali in poenotili svoje članke, ki jih imate na strani.

Komentiraj:
Ime
E-mail
Spletna stran

!joomlacomment 4.0 Copyright (C) 2009 Compojoom.com . All rights reserved."

 
Sorodni vodiči

Moje-Mesto.com

Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.

 

Facebook oglaševanje

Izdelava spletnih strani

Ustvari.si

Nescafé

Follow us on Twitter
Follow us on Twitter
Follow us on Twitter

Oglasi