zxz |
17.10.2020 19:51 |
Predmet:Horizontalno poravnanje u sredinu
PreuzmiIzvorni kôd (HTML):<!DOCTYPE html>
.centar {
margin: auto;
width: 60%;
border: 3px solid #73AD21;
padding: 10px;
}
.sredina {
text-align: center;
}
<h2>Poravnanje centar </h2>
<p>Horizontalno poravnanje u centar </p>
Ovo je poravnanje u centar
|
zxz |
10.09.2020 19:55 |
Predmet:Velika i mala slova
Mislim da netreba dodatno objasnjenje.
PreuzmiIzvorni kôd (Text):<!DOCTYPE html>
<html>
<head>
<style>
p.velika {
text-transform: uppercase;
}
p.mala {
text-transform: lowercase;
}
p.prvo_veliko {
text-transform: capitalize;
}
</style>
</head>
<body>
<p class="velika">Sve velika slova.</p>
<p class="mala">SVE MALA slova.</p>
<p class="prvo_veliko">prvo veliko slovo.</p>
</body>
</html>
|
zxz |
11.09.2020 09:11 |
Predmet:Razmak izmedju slova u tekstu
Sve je receno u naslovu,
PreuzmiIzvorni kôd (Text):<!DOCTYPE html>
<html>
<head>
<style>
h1{
word-spacing: 30px;
}
h2.razmak_mali {
word-spacing: -8px;
}
</style>
</head>
<body>
<h1 >Ovo je tekst sa 30px</h1>
<h2>Ovo je tekst sa -8px</h2>
</body>
</html>
|
zxz |
09.09.2020 20:30 |
Predmet:CSS trikovi
Samo neke interesantne stvari koje se ticu CSS-a.
Pitanja ce biti izbriana |
zxz |
09.09.2020 20:42 |
Predmet:Prvi red (pseudo element)
Property prvog reda teksta.
PreuzmiIzvorni kôd (Text):<!DOCTYPE html>
<html>
<head>
<style>
p::first-line {
color: red;
font-size: 30px;
}
</style>
</head>
<body>
<p>Otvaranje tema – Prije no što otvorite temu pokušajte putem pretrage nai odgovor koji tražite ili pak sli
nu temu koju želite da otvorite.Ukoliko ne postoji sli
na tema ili odgovor na vaše pitanje otvorite novu temu. Teme otvarajte na podforumima na koje tematski pripadaju. Uvodni post je obavezan jer njime objašnjavate razlog pokretanja temea i njen cilj, kao i svoje mišljenje o temi. Teme koji tematski nemaju veze s podforumom na kojem se nalaze, biti e premještene na prikladne podforume. Nije dozvoljeno otvaranje tema kojima je cilj i svrha samo besmisleno nabijanje postova – primjer "Napišite nešto". Duple teme e se ukidati.
Pokreta
tema ima pravo tražiti zatvaranje vlastite teme, editiranje naslova, premještanje teme - u svrhu održavanja rasprave ili spre
avanja uništavanja teme. Klju
anje i bacanje teme na molbu se nee provoditi ukoliko je pokreta
u jedini cilj ometati i onemoguiti ostalima pisanje.
Naslovi – naslov mora zadovoljiti minimum dobrog ukusa i pismenosti, ina
e se editira (osim ako se radi o namjernim greškama s nekom poentom) .Pokušajte nai maj prikladniji naziv za temu koju želite otvoriti tako da se iz naslova vidi o
emu se radi. Diskutant pokreta
ima pravo tražiti od moderatora editiranje naslova teme koji je pokrenuo.
Personalizirane teme – dozvoljene su ako im svrha nije vrijeanje pojedinaca i iznošenje laži i zlonamjernih izmišljotina. Osoba o kojoj se radi ima pravo tražiti zatvaranje teme.
Reklamiranje na temama – je zabranjeno. Tu spadaju i linkovi na vlastite internet stranice kojima reklamirate vlastite proizvode, usluge, tvrtku itd. Isto vrijedi i za teme o piramidalnim na
inima zarade (npr. $pir) i sl.
Caps lock – pisanje cijelih re
enica velikim slovima smatra se deranjem. Razmislite kada nešto naglašavate, a kada je to deranje.</p>
</body>
</html>
|
zxz |
11.09.2020 09:17 |
Predmet:Sjena na tekstu
Kao sto pise u naslvu, sjena na tekstu.
PreuzmiIzvorni kôd (Text):<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 3px 3px #828381;
}
</style>
</head>
<body>
<h1>Sjena tna tekstu!</h1>
</body>
</html>
|
zxz |
11.09.2020 09:29 |
Predmet:Tablica primjer
PreuzmiIzvorni kôd (Text):<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
th {
background-color: #4CAF50;
color: white;
}
</style>
</head>
<body>
<h2>Primjer tablice</h2>
<table>
<tr>
<th>Ime</th>
<th>Prezime</th>
<th>Iznos</th>
</tr>
<tr>
<td>Petar</td>
<td>Petrovic</td>
<td>120 BAM</td>
</tr>
<tr>
<td>Niko</td>
<td>Neznanovic</td>
<td>150 BAM</td>
</tr>
<tr>
<td>Mujo</td>
<td>Mujic</td>
<td>350 BAM</td>
</tr>
<tr>
<td>Emir</td>
<td>Emirovic</td>
<td>200 BAM</td>
</tr>
</table>
</body>
</html>
|
zxz |
11.09.2020 09:47 |
Predmet:Fiksna Å¡pozicja teksta
PreuzmiIzvorni kôd (Text):<!DOCTYPE html>
<html>
<head>
<style>
div.static {
position: fixed;
bottom: 0;
right: 0;
width: 300px;
border: 3px solid #73AD21;
}
</style>
</head>
<body>
<h2>Fiksirani tekst<a href=""><a href=""></a></a></h2>
<p>Naslovi – naslov mora zadovoljiti minimum dobrog ukusa i pismenosti, ina
e se editira (osim ako se radi o namjernim greškama s nekom poentom) .Pokušajte nai maj prikladniji naziv za temu koju želite otvoriti tako da se iz naslova vidi o
emu se radi. Diskutant pokreta
ima pravo tražiti od moderatora editiranje naslova teme koji je pokrenuo.</p>
<div class="static">
Ovo bi mogla biti neka napomena ili upozorenje.
</div>
</body>
</html
|
zxz |
13.09.2020 22:46 |
Predmet:Slika u obliku elipse
PreuzmiIzvorni kôd (Text):<!DOCTYPE html>
<html>
<body>
<style>
html {
padding: 20px;
}
.image {
width: 300px;
height: auto;
border-radius: 100%;
}
</style>
<img class="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQTzsFJHKDQSfvOM2eBV8a0DHMeQbWQsswlYw&usqp=CAU" />
</body>
</html>
|
zxz |
05.10.2020 00:43 |
Predmet:Tekst pod uglom
PreuzmiIzvorni kôd (HTML):<!DOCTYPE HTML>
article
{
background-color:gray;
transform:rotate(-30deg);
}
<article>
ovo je tekst zakrenut za 30 stepeni
</article>
|