Man ir daži jautājumi sakarā ar CSS!
Kā var uzstaisīt borderi apkārt web lapai ,kā piemēram coding.lv , es redzu backgroundu , un tādu kā borderu baltu apkārt?
Kā var uzstasīt visu smooth jeb izskatīģaku caur notepadu?
Kā es varu img caur css , mainīt tam virzienu , lielumu utt...
Pwnanizor miniblogs
0Pwnanizor 15.09.2012. 23:30
01. border: 1px solid white; ,kur 1px vietā vari izvēleties citu lielumu; solid vietā izvēleties citu border izskatu (nepārtraukta līnija u.tml.); white vietā izvēleties citu krāsu.
2. Ja Tu domā par SMOOTH apkārt noteiktam elementam ,tad ieej Google, pieraksti "Box Shadow Generator" un izvēlies sev tīkamo variantu priekš SMOOTH iespējas elementam.
3. https://www.w3schools.com/cssref/default.asp#background- 0
Varat ieteikt ,ko es šeit esu izmantojis pilnīgi lieki un varētu ātrak un labāk ar citām komandām? Paldies jau iepriekšs...
* {
margin: 0;
padding: 0;
}
.pi**is{
background:gray;
font-family:Comic Sans;
border:solid 1px black;
color:red;
font-size:50px;
margin-right:50px;
margin-left:50px;
background:gray;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
text-align:right;
}
body{
}
a{
border:30px yellow solid;
margin:50px;
font-family:Tahoma;
background:yellow;
display:outline;
outline-color:black;
outline-width:1px;
box-shadow: 0 0 5px black;
font-style:bold;
}
a:Visited{
text-decoration: none;
color: red;
}
a:link {
text-decoration: none;
color: green;
}
a:hover{
color:red;
}
.mes{
padding=40px;
position: relative;
margin-left:50px;
top:60px;
Font-size:30px;
text-decoration:underline;
text-shadow: 4px 4px 4px rgba(213, 150, 150, 1);
}
#wraper {
background: white;
margin: 0 auto;
width: 1100px;
}
#header {
height:-100px
}
.mes1{
border:3px solid black;
margin-top:65px;
margin-left:52px;
display:outline;
border-color:red;
font-style:Comic Sans;
font-size:150x;
-moz-border-radius: 5px;
border-radius: 5px;
height: 100px;
width: 250px;
position: relative;
text-align:center;
font-size:17px;
font-style:Comic Sans;
}
.mes3{
bottom:175px;
margin-left:750px;
position: relative;
text-decoration:underline;
font-size:30px;
font-family:"Comic Sans";
text-shadow: 4px 4px 4px rgba(213, 150, 150, 1);
}
.mes4{
padding:50px;
margin-left:850px;
position:relative;
bottom:220px;
}
.mes5{
position:relative;
bottom:220px;
height=100px;
width=20px;
margin-right:100px;
left:600px;
bottom:555px;
}
#lol{
border:1px solid white;
} - 0
Tu domā index.html manu?
- 0
Nē.
Pašu linku ,kur var apskatīties Tavu mājaslapu ar šeit ievietoto CSS kodu.
btw. Rakstot šo ziņu ieraudzīju kļūdu CSS kodā.
nekad neraksti height=20px; u.tml. ,bet gan pareizāk height: 20px; Tāpat arī ar citiem elementa CSS. Nekad nelieto to vienādibas zīmi ,bet gan manis iedoto pareizo variantu.
- 0
https://www.bildites.lv/viewer.php?file=h4afeyiehmosiimew.jpg
Te būs mana PIRMĀ paštaisītā, nepabeigtā mājaslapas dizains. Priekšs pirmās ir ok? - 0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="style_menu/style.css" />
<head>
<title>mans</title>
<div id="wraper">
<div id="header"></div>
</head>
<body>
<h1 class="pi**is">MANA FIRMA</h1>
Sākuma lapa
Mūsu piedāvājumi!
Kontakti
<p class="mes"> Kas mēs esam? </p>
<p class="mes1">Mēs esam buvniecibas firma <br/> ar loti lielu gadu stazu ,kas var mainit<br/> jusu dzivi uz labo pusi , mes taisam <br/>durvis logus , viss kas ir iespejams</p>
<p class="mes3">Ko mēs taisam,labojam?</p>
<div class="mes4">
<img src="img/images.jpg"</img>
</div>
<div class="mes5">
<img width="300" height="300" src=""></img>
</div>
<div id="lol"></div>
</body>
</html> - 0
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="style_menu/style.css" />
Jāliek arī starp <head> tagiem.<img src="img/images.jpg"</img>
IMG tagu nekad nenoslēdz ar </img>
Vienkārši raksti:<img src="img/images.jpg" />- 0
Lūdzu , māci mani vēl!
P.S priekš sākuma , es zinu ok? Ko tu man ietiktu tā iemācīties labāk?Es zinu ka visu , bet tā konkrēti ko vairak- 0
Teiksim tā ,ka Tev jāmacas HTML un CSS pamatus ,ko var iemācities tepat coding.lv vai arī Google meklējot citur pamācības.
Taču tālak gan ir atkarīgs no tā ,ko tieši tev vajag uzkodēt...
Papildināšu Tavu kļudu sarakstu:
<div id="wraper">
<div id="header"></div>
Jāliek zem <body> tagiem.
...kā arī ieteiktu rakstit mazliet pārskatāmāku un skaistāku kodu ,lai pašam arī butu vieglāk ,izmantojot atstarpes, atkāpes u.t.t.
Ielogojies vai izveido profilu, lai komentētu!
