Domov > Sistemi za urejanje spletnih trgovin in strani > Vrhnji toolbar za Joomlo (tako kot zurnal24)
stran 2 od 3 |< 1 2 3 >|
Vrhnji toolbar za Joomlo (tako kot zurnal24)
 
Gizmo 28. jun 2011 20:54:38 Pridružen od:
25. feb 2009
2647 objav
 2589 396 55
#11

Dodaš pač v obstoječo css datoteko. Div-u določiš class ali id, potem pa v css-ju nastaviš dimenzije, pozicijo, background...


všeč(0) ni všeč(0) spam(0)
| Pisanje besedil |
 
 
bobo05 28. jun 2011 23:18:10 Pridružen od:
8. dec 2009
2553 objav
 1865 302 37
#12

darkside, klikni me pa ti pošljem eno simpl temo ko sem jo naredo da boš vido pa dobo občutke z div-i.


všeč(0) ni všeč(0) spam(0)
-sup
 
 
LOKO 28. jun 2011 23:57:38 Pridružen od:
27. jun 2011
3 objav
 13 7 0
#13

Shrani si tole kot html pa si oglej kako se to naredi mal spremeni pa boš razumel. I hope :)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>Zgornji menu</title>

<style type="text/css">

<!--

#top-bar    { border-bottom: 2px solid #8ac4e5; overflow: hidden; position: absolute; z-index: 5002; top: 0px; left: 0px; width: 100%; background: #fefefe;}

#top-bar ul { list-style: none;}

#top-bar li { float: left;}

#top-bar a  { font-size: 11px; line-height: 18px; font-weight: bold; color: #00528b; text-decoration: none; padding: 5px 10px 4px; text-shadow: 0px 0px 1px #fff; float: left}

#top-bar .links a:hover,

#top-bar .service a:hover   { color: #000; background: #c1e8fe;}



#top-bar .links     { float: left;}

#top-bar .service   { float: right;}

#top-bar .icons     { float: right; padding: 0 6px;}



#top-bar .login a           { padding-left: 32px; position: relative;}

#top-bar .login .sp_el      { position: absolute; top: 5px; left: 6px; width: 20px; height: 19px; background-position: -104px -32px;}

#top-bar .fb_login a        { color: #fff; text-shadow: 0px 0px 1px #000; cursor: pointer;}

#top-bar .fb_login a:hover  { text-shadow: 0px 0px 1px #fff;}

#top-bar .register a        { padding-left: 27px; position: relative;}

#top-bar .register .sp_el   { position: absolute; top: 6px; left: 7px; width: 16px; height: 16px; background-position: -140px -34px;}

#top-bar .user span     { font-size: 11px; line-height: 18px; font-weight: bold; color: #666; padding: 5px 5px 4px 10px; text-shadow: 0px 0px 1px #fff; float: left;}



#top-bar .icons li      { padding: 3px 2px 0px;}

#top-bar .icons a       { width: 22px; height: 22px; padding: 0; text-indent: -9999px; overflow: hidden;}

#top-bar .fb_icon a     { /*dodaj sliko*/}

#top-bar .tw_icon a     { /*dodaj sliko*/}

#top-bar .rss_icon a    { /*dodaj sliko*/}



-->

</style>

</head>



<body>

<div id="top-bar">



            <ul class="links">

                <li><a href="#">Povezava 1</a></li>

                <li><a href="#">Povezava 2</a></li>

                <li><a href="#">Povezava 2</a></li>

                <li><a href="#">Povezava 4</a></li>

                <li><a href="#">Povezava 5</a></li>

            </ul>



            <ul class="icons">

                <li class="fb_icon"><a href="http://www.facebook.com" rel="external nofollow" target="_blank">Facebook</a></li>

                <li class="tw_icon"><a href="http://twitter.com" rel="external nofollow" target="_blank">Twitter</a></li>

                <li class="rss_icon"><a href="#">RSS</a></li>

            </ul>



            <ul class="service">

                                <li class="login"><a href="#">Prijava<span class="sp_el"></span></a></li>

                <li class="fb_login"><a href="javascript:void(0);" onclick="fb_login();">Facebook prijava</a></li>

                <li class="register"><a href="#">Registracija<span class="sp_el"></span></a></li>

                            </ul>



        </div>

</body>

</html>
všeč(1) ni všeč(0) spam(0)
 
 
Matjaž 29. jun 2011 10:17:31 Pridružen od:
21. sep 2007
3505 objav
 2603 308 45
#14

Tole morda ni najboljši primer, je pa dokaj nazoren in meni je kar pomagal razumeti zadeve.


všeč(0) ni všeč(0) spam(0)
Izdelava spletnih strani I Domene naprodaj 4you I Joomla 4fun
 
 
r0ks0n 29. jun 2011 11:20:25 Pridružen od:
2. maj 2011
1070 objav
 629 115 11
#15

Fantje hvala za pomoč! LOKO, tole še danes malce pregledam in upam, da bom potem znal prenesti vse skupaj v Joomlo oz. da bom ta del kode znal integrirati v template :) Najlepše se je učiti takole na primerih!


všeč(0) ni všeč(0) spam(0)
Podaljševanje trepalnic
 
 
r0ks0n 2. jul 2011 18:32:15 Pridružen od:
2. maj 2011
1070 objav
 629 115 11
#16

Fantje še eno vprašanje... Zgornji toolbar mi je sedaj uspelo izdelati s pomočjo enega modula za menije, vendar bi rad imel linke na levi strani, medtem, ko povezave za Prijava, Prijava s FB in Registracija na desni... Kako samo te tri elemente postaviti na desno?


všeč(0) ni všeč(0) spam(0)
Podaljševanje trepalnic
 
 
Gizmo 2. jul 2011 21:19:02 Pridružen od:
25. feb 2009
2647 objav
 2589 396 55
#17

Če maš statičen meni in ga ne misliš spreminjat, potem lahko vsak item, ki ga želiš na desni, posebej float-aš v css-ju. Poglej kakšen class imajo tisti itemi, ki jih želiš na desni, in jim določi float: right; in ostale zadeve.


všeč(0) ni všeč(0) spam(0)
| Pisanje besedil |
 
 
r0ks0n 27. sep 2011 21:43:37 Pridružen od:
2. maj 2011
1070 objav
 629 115 11
#18

Pozdrav fantje! Sedaj sem se začel igrati s kodo od LOKA in mi je zadeva kar lepo uspela (nekaj težav je še za odpraviti) vendar pa nastane problem ob prijavi uporabnika. Želel bi namreč, da ko uporabnik v toolbaru klikne Prijava, se mu odpre popup in ko se zlogira se gumb prijava spremeni v gumb z njegovim nickom, ter se odstranita FB login in registracija... Trenutno moja koda izgleda takole.


<div id="top-bar">

<ul class="links">

<li><jdoc:include type="modules" name="iskalnik_top" /></li>

</ul>



<ul class="icons">

<li class="fb_icon"><a href="http://www.facebook.com" rel="external nofollow" target="_blank">Facebook</a></li>

<li class="tw_icon"><a href="http://twitter.com" rel="external nofollow" target="_blank">Twitter</a></li>

<li class="yt_icon"><a href="#">YouTube</a></li>

<li class="rss_icon"><a href="#">RSS</a></li>

</ul>



<ul class="service">

<li class="s5box_one"><a href=>Prijava<span class="sp_el"></span></a></li>

<li class="fb_login"><a href="javascript:void(0);" onclick="fb_login();">Facebook prijava</a></li>

<li class="register"><a href="http://localhost/tag/index.php?option=com_user&view=register">Registracija<span class="sp_el"></span></a></li>

</ul>

Verjamem, da če bomo tole rešili, bo koristilo še komu. Z veseljem potem kodo zapakiram v rar in ponudim kot modul ali kako drugače :)


všeč(0) ni všeč(0) spam(0)
Podaljševanje trepalnic
 
 
r0ks0n 28. sep 2011 16:30:03 Pridružen od:
2. maj 2011
1070 objav
 629 115 11
#19

Da še poenostavim. Tudi, če se po prijavi spremeni gumb Prijava zgolj v Profil bi zadostovalo :)


všeč(0) ni všeč(0) spam(0)
Podaljševanje trepalnic
 
 
r0ks0n 28. sep 2011 21:16:45 Pridružen od:
2. maj 2011
1070 objav
 629 115 11
#20

Hm, ali bi bilo pravilno kaj v takem smislu? ,


<?php

$user = &JFactory::getUser();

if (! $user->get('gid')){

?>

<li class="s5box_one"><a href=>Prijava<span class="sp_el"></span></a></li>

<?php

}

else{

?>



<li class="s5box_one"><?php $user->get('name'); ?></span></a></li>

<?php

}
všeč(0) ni všeč(0) spam(0)
Podaljševanje trepalnic
 
 
Domov > Sistemi za urejanje spletnih trgovin in strani > Vrhnji toolbar za Joomlo (tako kot zurnal24)
stran 2 od 3 |< 1 2 3 >|
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se