Izrada dugmeta sa leve strane?

Web dizajn i grafika
1

http://www.ladygagabalkan.com/forum.htm

Evo vidite, na levoj strani ima dugme Sajt, sada mi treba kod za to dugme, msl. samo mi kod treba, i malo objasnjenje gde da stavim u CSS kod i to? Hvala narode, super ste…

2

Pozz,

ej druze dovoljno ce ti biti da snimis stranicu na svoj racunar i sve ce ti biti jasno.

3

A kako da je snimim?

4

HTML:

<A class="trigger" href="/#"><img src="http://www4.slikomat.com/09/0124/y8l-sta.png" border="0" title="Vrati se na sajt" /></A>

CSS:

a.trigger{
	position: absolute;
	text-decoration: none;
	top: 50px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 5px 5px 5px 5px;
	font-weight: 700;
	background:#fff url(images/plus.png) 85% 55% no-repeat;
	border:1px solid #e8cdc0;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
}

a.trigger:hover{
	position: absolute;
	text-decoration: none;
	top: 50px;
	left: 0;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 5px 5px 5px 5px;
	font-weight: 700;
	background:#f1f1f1 url(images/plus.png) 85% 55% no-repeat;
	border:1px solid #e8cdc0;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
}

a.active.trigger {
background:#fff url(images/minus.png) 85% 55% no-repeat;
}
5

Snimiš sa Ctrl+S.

Otvoriš html i css fajl u tekst editoru (npr. Notepad) i nađeš ono što ti je xyxjasilixyx dao da se ne mučiš sa pritiskanjem Ctrl+S-a i otvaranjem dvije datoteke u Notepadu.

…ili sa desnim klikom i “View Source”

6

Super, skontao sam…Nego da pitam, da li ovo uvek stoji sa leve strane ili mogu pomerati ili postoji poseban kod, i bacite mi kodic…

7

Probaj u CSS kodu mijenjati brojke, pogotovo pod top i left (ako mijenjaš “left: 0;” ne zaboravi dodati px), probaj promijeniti left u right, top u bottom i gledaj što se događa.

8

Skontao sam…Super, xvala…

9

preporučujem ti
position: fixed
.
tako će to ostat na mjestu i uvijek će biti vidljivo dok se stranica scrolla do dolje.