Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
css navigacija

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 15.06.2008 22:28    Post subject: css navigacija Add user to your forum ignore list Reply with quote

kak da najbezbolnije slozim ovakvu navigaciju sa cssom...

znaći, zaobljena je, znam da moram imat lijevi dio koji je zaobljeni, i takav desni dio...
to sam i slozio, probao sam sa nekim free css navigacijama i nisam nista uspio slozit, drugi put necu 3-4 sata provest za kompom zbog glupe navigacije, vec iskemijat ostali dio css-a na sajtu...

hvala...

evo ovakvu navigaciju zelim, da ima hover razliciti... na home ima hover, ostali linkovi su bez hovera... tekst mora biti na sredini... unutar kućica...

Back to top
View user's profile Send private message
Nemesis



Joined: 01 Oct 2005
Posts: 732

PostPosted: 16.06.2008 00:44    Post subject: Add user to your forum ignore list Reply with quote

Code:
<ul class="navigacija">
<li>nav1</li>
<li>nav2</li>
<li>neki pomalo duzi li</li>
<li>nav4</li>
</ul>


U Photoshopu izreži button na 3 djela, početak i kraj iste širine i visine te povuci jedan rez po sredini, full tanak, ali da je isto visok...

Code:

.navigacija li:before {
content: url('images/pocetak.jpg');
}

.navigacija li {
background: img('images/sredina.jpg') repeat-x;
color: #000;
padding: 3px 4px; /* nagađam */
}

.navigacija li:after {
content: url('images/pocetak.jpg');
}


To je ono što ti mogu savjetovati u 1h ujutro, nabrzaka, u FF/Operi/Safariju će ti radit, za IE ti ne mogu garantirat...

_________________
Webastično.com | Last.fm | Twitter
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger Twitter profile
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 16.06.2008 00:50    Post subject: Add user to your forum ignore list Reply with quote

thx, sutra cu vidjet na poslu dal radi... sad sam vec sav crknut, treba se ujutro dic Smile
Back to top
View user's profile Send private message
niksy



Joined: 29 Sep 2003
Posts: 727

PostPosted: 16.06.2008 09:18    Post subject: Add user to your forum ignore list Reply with quote

Sliding doors tehnika.

http://www.alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/slidingdoors2/
http://www.jankoatwarpspeed.com/post/2008/04/30/make-fancy-buttons-using-css-sliding-doors-technique.aspx
Back to top
View user's profile Send private message Visit poster's website Twitter profile
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 16.06.2008 12:42    Post subject: Add user to your forum ignore list Reply with quote

hvala, pogledam dok doma dodem, jebemti poso, posla ko u prici...
Back to top
View user's profile Send private message
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 16.06.2008 22:48    Post subject: Add user to your forum ignore list Reply with quote

lol, nemrem slozit Sad

edit: ma izveo sam drugacije navigaciju, bez oblih rubova Sad
Back to top
View user's profile Send private message
dr_Hate



Joined: 28 Aug 2007
Posts: 168
Location: Rijeka

PostPosted: 17.06.2008 00:24    Post subject: Add user to your forum ignore list Reply with quote

jasi wrote:
lol, nemrem slozit Sad

edit: ma izveo sam drugacije navigaciju, bez oblih rubova Sad


pa ne moras nuzno sliding doors tehniku koristit, mozes i sprite sliku

npr. evo 3 stanja - link, hover i active



je slika nesto veca sto se kb tice, al radi Very Happy

_________________
imam domenu |stajduhar.org|
Back to top
View user's profile Send private message Visit poster's website
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 17.06.2008 08:08    Post subject: Add user to your forum ignore list Reply with quote

daj kod Smile
Back to top
View user's profile Send private message
dr_Hate



Joined: 28 Aug 2007
Posts: 168
Location: Rijeka

PostPosted: 17.06.2008 10:59    Post subject: Add user to your forum ignore list Reply with quote

http://www.mozaik-psihologija.hr/novi/

http://sz.ffri.hr/vodic/

http://sz.ffri.hr/izbori/

http://www.ffri.hr/~sstajduh/skar/

na ovim sajtovima si izvuci kod i css, da sad ne vadim, svi na tu semu imaju navigaciju Wink

Last edited by dr_Hate on 18.06.2008 09:43; edited 2 times in total

_________________
imam domenu |stajduhar.org|
Back to top
View user's profile Send private message Visit poster's website
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 17.06.2008 23:27    Post subject: Add user to your forum ignore list Reply with quote

care, daj pomozi da slozim ovdje aktivan link Very Happy

http://www.livingforart.com/index.php
Back to top
View user's profile Send private message
dr_Hate



Joined: 28 Aug 2007
Posts: 168
Location: Rijeka

PostPosted: 18.06.2008 09:41    Post subject: Add user to your forum ignore list Reply with quote

jasi wrote:
care, daj pomozi da slozim ovdje aktivan link Very Happy


maratz je to sve fino tu objasnio Wink

ili mozes ovako:

<li id="navigacija-home"><a href="index.php" class="aktivni">home</a></li>

i onda naravno definiras .aktivni Wink

i mozes umjesto 4 slike za navigaciju bez problema sve staviti u jednu sliku

_________________
imam domenu |stajduhar.org|
Back to top
View user's profile Send private message Visit poster's website
darkqueliss



Joined: 27 May 2008
Posts: 1058

PostPosted: 18.06.2008 10:07    Post subject: Add user to your forum ignore list Reply with quote

lol... jedva sam ovo skuzio, kaj sad kemijas... ma znam da je objasnio, al treba to sve povezat, ne kuzim kak je kod ovih aktivno, a kod mene nije... dam... ajd vidjet cu ja to kasnije...

thx Very Happy
Back to top
View user's profile Send private message
Jabba



Joined: 10 Dec 2007
Posts: 326
Location: Rijeka

PostPosted: 18.06.2008 18:04    Post subject: Add user to your forum ignore list Reply with quote

dr_Hate wrote:

....i mozes umjesto 4 slike za navigaciju bez problema sve staviti u jednu sliku


znaci ako hoces iz jedne slike napravit, malo ima posla vise jer treba izracunat sve udaljenosti u pikselima ali jbg

moj primjer: http://benjamin.mcville.net/mbb/

i tutorijal:
http://elliotjaystocks.com/blog/archive/2007/css-tutorial-better-nav-image-replacement/

_________________
{COMING SOON!} BenPixel | deviantART | behanceNET
Back to top
View user's profile Send private message Visit poster's website MSN Messenger
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group