Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de diablomcs la data de Vin 19 Aug - 14:36

Salut Tuturor,as vrea stiu si eu cum as putea sa-mi pun un meniu in Stanga pagini a Forumului meu

Imagine: <script src='http://img542.imageshack.us/shareable/?i=unledxk.png&p=tl' type='text/javascript'><script><noscript>[Trebuie sa fiti inscris si conectat pentru a vedea acest link]</noscript>


Meniul are : "Home,About,Profile,FAQ si Contact US" daca ati putea va rog frumos sa ma ajutati daca stiti...Multumesc !!!

Apropo,folosesc versiunea Puhbb3

diablomcs
Membru Forumgratuit

masculin

Mesaje : 154
Varsta : 20
Data de inscriere : 08/05/2011
Multumiri : 0
Membru exclus

http://free-time.forumhit.ro/

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Gassy la data de Vin 19 Aug - 14:38

Codul acestui meniu se afla pe unele forumuri...
Poti sa intrebi pe administratorul acelui forum de unde a luat codul...

Gassy
Membru activ

masculin

Mesaje : 1255
Varsta : 21
Localizare : Forumgratuit!
Data de inscriere : 11/08/2011
Multumiri : 0
Membru exclus

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de diablomcs la data de Vin 19 Aug - 14:42

ok ...dar nu-mi prea imi raspunde la intrebare....si na am spus ca poate stiti voi

diablomcs
Membru Forumgratuit

masculin

Mesaje : 154
Varsta : 20
Data de inscriere : 08/05/2011
Multumiri : 0
Membru exclus

http://free-time.forumhit.ro/

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Zack. la data de Vin 19 Aug - 14:48

Poftim codul
Cod:
<style type="text/css">
#navigationMenu{
  position:fixed;
        top: 10px;
        left: 0px;
}
 
#navigationMenu li{
  list-style:none;
  height:39px;
  padding:2px;
  width:40px;
}
 
#navigationMenu span{
  width:0;
  left:38px;
  padding:0;
  position:absolute;
  overflow:hidden;
 
  font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  letter-spacing:0.6px;
  white-space:nowrap;
  line-height:39px;
 
  /* CSS3 Transition: */
  -webkit-transition: 0.25s;
  /*-o-transition: 0.25s;*/
 
  /* Future proofing (these do not work yet): */
  -moz-transition: 0.25s;
  transition: 0.25s;
}
 
#navigationMenu a{
  background:url('http://img52.imageshack.us/img52/3637/navigationf.jpg') no-repeat;
 
  height:39px;
  width:38px;
  display:block;
  position:relative;
}
 
/* General hover styles */
 
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
  text-decoration:none;
 
  /* CSS outer glow with the box-shadow property */
  -moz-box-shadow:0 0 5px #9ddff5;
  -webkit-box-shadow:0 0 5px #9ddff5;
  box-shadow:0 0 5px #9ddff5;
}
 
/* Green Button */
 
#navigationMenu .home {  background-position:0 0;}
#navigationMenu .home:hover {  background-position:0 -39px;}
#navigationMenu .home span{
  background-color:#7da315;
  color:#3d4f0c;
  text-shadow:1px 1px 0 #99bf31;
}
 
/* Blue Button */
 
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
  background-color:#1e8bb4;
  color:#223a44;
  text-shadow:1px 1px 0 #44a8d0;
}
 
/* Orange Button */
 
#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
  background-color:#c86c1f;
  color:#5a3517;
  text-shadow:1px 1px 0 #d28344;
}
 
/* Yellow Button */
 
#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
  background-color:#d0a525;
  color:#604e18;
  text-shadow:1px 1px 0 #d8b54b;
}
 
/* Purple Button */
 
#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
  background-color:#af1e83;
  color:#460f35;
  text-shadow:1px 1px 0 #d244a6;
}
 
 
a, a:visited,a:active {
  color:#0196e3;
  text-decoration:none;
  outline:none;
}
 
a:hover{
  text-decoration:none;
}
 
a img{
  border:none;
}
 
</style>
 
<ul id="navigationMenu">
    <li>
      <a class="home" href="forum.htm">
            <span>Home</span>
        </a>
    </li>
   
    <li>
      <a class="about" href="#">
            <span>About</span>
        </a>
    </li>
   
    <li>
      <a class="services" href="/profile.forum?mode=editprofile">
            <span>Profile</span>
        </a>
    </li>
   
    <li>
      <a class="portfolio" href="portal.htm">
            <span>Portal</span>
        </a>
    </li>
   
    <li>
      <a class="contact" href="/contact.forum">
            <span>Contact us</span>
        </a>
    </li> 
</ul>

Zack.
Membru onorific
Membru onorific

masculin

Mesaje : 4849
Localizare : Sibiu
Data de inscriere : 24/06/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Gassy la data de Vin 19 Aug - 14:49

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Colors Meniu
Salutare Vizitator , in acest tutorial am sa iti prezint meniul Colors Meniu si am sa te imvat si cum sa il aplici pe forumul tau.

Demo: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]


Mod de instalare
1.CSS
Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS

Cod:

#navigationMenu{
position:fixed;
top: 299px;
left: -36px;}

#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;}

#navigationMenu span{
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
-webkit-transition: 0.25s;
-o-transition: 0.25s; 
-moz-transition: 0.25s;
transition: 0.25s;}

#navigationMenu a{
background:url('http://i24.servimg.com/u/f24/16/24/00/51/butoan10.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;}


#navigationMenu a:hover span{
width:auto;
padding:0 20px;
overflow:visible; }

#navigationMenu a:hover{
text-decoration:none;
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;}

#navigationMenu .home {
background-position:0 0;}

#navigationMenu .home:hover {
background-position:0 -39px;}

#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;}

#navigationMenu .about {
 background-position:-38px 0;}

#navigationMenu .about:hover {
 background-position:-38px -39px;}

#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;}

#navigationMenu .services {
background-position:-76px 0;}

#navigationMenu .services:hover {
 background-position:-76px -39px;}

#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;}

#navigationMenu .portfolio {
 background-position:-114px 0;}

#navigationMenu .portfolio:hover{
 background-position:-114px -39px;}

#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;}

#navigationMenu .contact {
 background-position:-152px 0;}

#navigationMenu .contact:hover {
background-position:-152px -39px;}

#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;}

a, a:visited,a:active {
color:#0196e3;
text-decoration:none;
outline:none;}

a:hover{
text-decoration:none;}

a img{
border:none;}


2.HTML
Adaugati codul urmator in in template-ul overall_header dupa codul

Cod:
  <!-- END hitskin_preview -->

Continutul codului.

  <!-- BEGIN switch_login_popup -->

Cod:

<ul id="navigationMenu">
<li>
            <a class="home" href="[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
            <span>Home</span>
 </a>
</li>
 
<li>
              <a class="about" href="[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
              <span>About</span>
</a>
</li>
 
<li>
              <a class="services" href="site.ro">
              <span>Profile</span>

</a>
</li>
 
<li>
            <a class="portfolio" href=www.site.ro">
            <span>FAQ</span>
</a>
</li>
 
<li>
        <a class="contact" href="[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
            <span>Contact us</span>

</a>
</li>
</ul>


Tutorial realizat de:Emanuel
Sursa:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Tutorial creat de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Gassy
Membru activ

masculin

Mesaje : 1255
Varsta : 21
Localizare : Forumgratuit!
Data de inscriere : 11/08/2011
Multumiri : 0
Membru exclus

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de diablomcs la data de Vin 19 Aug - 14:52

Cod:
<style type="text/css">
#navigationMenu{
  position:fixed;
        top: 10px;
        left: 0px;
}
 
#navigationMenu li{
  list-style:none;
  height:39px;
  padding:2px;
  width:40px;
}
 
#navigationMenu span{
  width:0;
  left:38px;
  padding:0;
  position:absolute;
  overflow:hidden;
 
  font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  letter-spacing:0.6px;
  white-space:nowrap;
  line-height:39px;
 
  /* CSS3 Transition: */
  -webkit-transition: 0.25s;
  /*-o-transition: 0.25s;*/
 
  /* Future proofing (these do not work yet): */
  -moz-transition: 0.25s;
  transition: 0.25s;
}
 
#navigationMenu a{
  background:url('http://img52.imageshack.us/img52/3637/navigationf.jpg') no-repeat;
 
  height:39px;
  width:38px;
  display:block;
  position:relative;
}
 
/* General hover styles */
 
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
  text-decoration:none;
 
  /* CSS outer glow with the box-shadow property */
  -moz-box-shadow:0 0 5px #9ddff5;
  -webkit-box-shadow:0 0 5px #9ddff5;
  box-shadow:0 0 5px #9ddff5;
}
 
/* Green Button */
 
#navigationMenu .home {  background-position:0 0;}
#navigationMenu .home:hover {  background-position:0 -39px;}
#navigationMenu .home span{
  background-color:#7da315;
  color:#3d4f0c;
  text-shadow:1px 1px 0 #99bf31;
}
 
/* Blue Button */
 
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
  background-color:#1e8bb4;
  color:#223a44;
  text-shadow:1px 1px 0 #44a8d0;
}
 
/* Orange Button */
 
#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
  background-color:#c86c1f;
  color:#5a3517;
  text-shadow:1px 1px 0 #d28344;
}
 
/* Yellow Button */
 
#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
  background-color:#d0a525;
  color:#604e18;
  text-shadow:1px 1px 0 #d8b54b;
}
 
/* Purple Button */
 
#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
  background-color:#af1e83;
  color:#460f35;
  text-shadow:1px 1px 0 #d244a6;
}
 
 
a, a:visited,a:active {
  color:#0196e3;
  text-decoration:none;
  outline:none;
}
 
a:hover{
  text-decoration:none;
}
 
a img{
  border:none;
}
 
</style>
 
<ul id="navigationMenu">
    <li>
      <a class="home" href="forum.htm">
            <span>Home</span>
        </a>
    </li>
   
    <li>
      <a class="about" href="#">
            <span>About</span>
        </a>
    </li>
   
    <li>
      <a class="services" href="/profile.forum?mode=editprofile">
            <span>Profile</span>
        </a>
    </li>
   
    <li>
      <a class="portfolio" href="portal.htm">
            <span>Portal</span>
        </a>
    </li>
   
    <li>
      <a class="contact" href="/contact.forum">
            <span>Contact us</span>
        </a>
    </li> 
</ul>


Am folosit metoda aceasta....dar nu-mi merge...si folosesc Phubb3 nu Phubb2 Imi pare rau

diablomcs
Membru Forumgratuit

masculin

Mesaje : 154
Varsta : 20
Data de inscriere : 08/05/2011
Multumiri : 0
Membru exclus

http://free-time.forumhit.ro/

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Zack. la data de Vin 19 Aug - 14:59

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Colors Meniu
Salutare Vizitator , in acest tutorial am sa iti prezint meniul Colors Meniu si am sa te imvat si cum sa il aplici pe forumul tau.

Demo: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]


Mod de instalare
1.CSS
Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS

Cod:

#navigationMenu{
position:fixed;
top: 299px;
left: -36px;}

#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;}

#navigationMenu span{
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
-webkit-transition: 0.25s;
-o-transition: 0.25s; 
-moz-transition: 0.25s;
transition: 0.25s;}

#navigationMenu a{
background:url('http://i24.servimg.com/u/f24/16/24/00/51/butoan10.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;}


#navigationMenu a:hover span{
width:auto;
padding:0 20px;
overflow:visible; }

#navigationMenu a:hover{
text-decoration:none;
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;}

#navigationMenu .home {
background-position:0 0;}

#navigationMenu .home:hover {
background-position:0 -39px;}

#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;}

#navigationMenu .about {
 background-position:-38px 0;}

#navigationMenu .about:hover {
 background-position:-38px -39px;}

#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;}

#navigationMenu .services {
background-position:-76px 0;}

#navigationMenu .services:hover {
 background-position:-76px -39px;}

#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;}

#navigationMenu .portfolio {
 background-position:-114px 0;}

#navigationMenu .portfolio:hover{
 background-position:-114px -39px;}

#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;}

#navigationMenu .contact {
 background-position:-152px 0;}

#navigationMenu .contact:hover {
background-position:-152px -39px;}

#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;}

a, a:visited,a:active {
color:#0196e3;
text-decoration:none;
outline:none;}

a:hover{
text-decoration:none;}

a img{
border:none;}


2.HTML
Adaugati codul urmator in in template-ul overall_header dupa codul

Cod:
  <!-- END hitskin_preview -->

Continutul codului.

  <!-- BEGIN switch_login_popup -->

Cod:

<ul id="navigationMenu">
<li>
            <a class="home" href="[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
            <span>Home</span>
 </a>
</li>
 
<li>
              <a class="about" href="[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
              <span>About</span>
</a>
</li>
 
<li>
              <a class="services" href="site.ro">
              <span>Profile</span>

</a>
</li>
 
<li>
            <a class="portfolio" href=www.site.ro">
            <span>FAQ</span>
</a>
</li>
 
<li>
        <a class="contact" href="[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
            <span>Contact us</span>

</a>
</li>
</ul>


Tutorial realizat de:Emanuel
Sursa:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Tutorial creat de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Meniul ala i l-am dat si eu



[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:
Cod:
<style type="text/css">
#navigationMenu{
  position:fixed;
        top: 10px;
        left: 0px;
}
 
#navigationMenu li{
  list-style:none;
  height:39px;
  padding:2px;
  width:40px;
}
 
#navigationMenu span{
  width:0;
  left:38px;
  padding:0;
  position:absolute;
  overflow:hidden;
 
  font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  letter-spacing:0.6px;
  white-space:nowrap;
  line-height:39px;
 
  /* CSS3 Transition: */
  -webkit-transition: 0.25s;
  /*-o-transition: 0.25s;*/
 
  /* Future proofing (these do not work yet): */
  -moz-transition: 0.25s;
  transition: 0.25s;
}
 
#navigationMenu a{
  background:url('http://img52.imageshack.us/img52/3637/navigationf.jpg') no-repeat;
 
  height:39px;
  width:38px;
  display:block;
  position:relative;
}
 
/* General hover styles */
 
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
  text-decoration:none;
 
  /* CSS outer glow with the box-shadow property */
  -moz-box-shadow:0 0 5px #9ddff5;
  -webkit-box-shadow:0 0 5px #9ddff5;
  box-shadow:0 0 5px #9ddff5;
}
 
/* Green Button */
 
#navigationMenu .home {  background-position:0 0;}
#navigationMenu .home:hover {  background-position:0 -39px;}
#navigationMenu .home span{
  background-color:#7da315;
  color:#3d4f0c;
  text-shadow:1px 1px 0 #99bf31;
}
 
/* Blue Button */
 
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
  background-color:#1e8bb4;
  color:#223a44;
  text-shadow:1px 1px 0 #44a8d0;
}
 
/* Orange Button */
 
#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
  background-color:#c86c1f;
  color:#5a3517;
  text-shadow:1px 1px 0 #d28344;
}
 
/* Yellow Button */
 
#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
  background-color:#d0a525;
  color:#604e18;
  text-shadow:1px 1px 0 #d8b54b;
}
 
/* Purple Button */
 
#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
  background-color:#af1e83;
  color:#460f35;
  text-shadow:1px 1px 0 #d244a6;
}
 
 
a, a:visited,a:active {
  color:#0196e3;
  text-decoration:none;
  outline:none;
}
 
a:hover{
  text-decoration:none;
}
 
a img{
  border:none;
}
 
</style>
 
<ul id="navigationMenu">
    <li>
      <a class="home" href="forum.htm">
            <span>Home</span>
        </a>
    </li>
   
    <li>
      <a class="about" href="#">
            <span>About</span>
        </a>
    </li>
   
    <li>
      <a class="services" href="/profile.forum?mode=editprofile">
            <span>Profile</span>
        </a>
    </li>
   
    <li>
      <a class="portfolio" href="portal.htm">
            <span>Portal</span>
        </a>
    </li>
   
    <li>
      <a class="contact" href="/contact.forum">
            <span>Contact us</span>
        </a>
    </li> 
</ul>


Am folosit metoda aceasta....dar nu-mi merge...si folosesc Phubb3 nu Phubb2 Imi pare rau

Functioneaza, unde vrei sa-l adaugi?

Zack.
Membru onorific
Membru onorific

masculin

Mesaje : 4849
Localizare : Sibiu
Data de inscriere : 24/06/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de diablomcs la data de Vin 19 Aug - 15:04

CSS nu?

diablomcs
Membru Forumgratuit

masculin

Mesaje : 154
Varsta : 20
Data de inscriere : 08/05/2011
Multumiri : 0
Membru exclus

http://free-time.forumhit.ro/

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Zack. la data de Vin 19 Aug - 15:07

Nu, e un cod html, nu se adauga in css. Unde doresti sa-l pui?

Zack.
Membru onorific
Membru onorific

masculin

Mesaje : 4849
Localizare : Sibiu
Data de inscriere : 24/06/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de diablomcs la data de Vin 19 Aug - 15:10

Frate eu as vrea sa fac fix ca in imaginea de sus....unde am postat....deci unde lo pus si administratorul forumului...daca ma poti ajuta...

diablomcs
Membru Forumgratuit

masculin

Mesaje : 154
Varsta : 20
Data de inscriere : 08/05/2011
Multumiri : 0
Membru exclus

http://free-time.forumhit.ro/

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Gassy la data de Vin 19 Aug - 15:11

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Frate eu as vrea sa fac fix ca in imaginea de sus....unde am postat....deci unde lo pus si administratorul forumului...daca ma poti ajuta...

El se refera unde? Pe pagina de start, sau pe toate paginile? Râs

Gassy
Membru activ

masculin

Mesaje : 1255
Varsta : 21
Localizare : Forumgratuit!
Data de inscriere : 11/08/2011
Multumiri : 0
Membru exclus

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Zack. la data de Vin 19 Aug - 15:12

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Frate eu as vrea sa fac fix ca in imaginea de sus....unde am postat....deci unde lo pus si administratorul forumului...daca ma poti ajuta...

am inteles "frate", de aceea ti-am dat codul meniului din imagine, dar te-am intrebat UNDE vrei sa-l adaugi. Pe pagina de start, pe toate paginile, etc ?

Zack.
Membru onorific
Membru onorific

masculin

Mesaje : 4849
Localizare : Sibiu
Data de inscriere : 24/06/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de diablomcs la data de Vin 19 Aug - 15:13

Pagina de Start ...atat

diablomcs
Membru Forumgratuit

masculin

Mesaje : 154
Varsta : 20
Data de inscriere : 08/05/2011
Multumiri : 0
Membru exclus

http://free-time.forumhit.ro/

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Zack. la data de Vin 19 Aug - 15:16

PA=>Afisare=>Pagina de start=>Generalitati=>Continutul mesajului=> adaugi codul pe care ti l-am dat

Zack.
Membru onorific
Membru onorific

masculin

Mesaje : 4849
Localizare : Sibiu
Data de inscriere : 24/06/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de diablomcs la data de Vin 19 Aug - 15:26

Multumesc foarte mult DarkStar ...dar as putea sa-l mut mai jos un pic ..adica pe la mijloc ca imi sta sus

diablomcs
Membru Forumgratuit

masculin

Mesaje : 154
Varsta : 20
Data de inscriere : 08/05/2011
Multumiri : 0
Membru exclus

http://free-time.forumhit.ro/

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Gassy la data de Vin 19 Aug - 15:29

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Multumesc foarte mult DarkStar ...dar as putea sa-l mut mai jos un pic ..adica pe la mijloc ca imi sta sus

Cod:

    <style type="text/css">
    #navigationMenu{
      position:fixed;
            top: 380px;
            left: 0px;
    }
   
    #navigationMenu li{
      list-style:none;
      height:39px;
      padding:2px;
      width:40px;
    }
   
    #navigationMenu span{
      width:0;
      left:38px;
      padding:0;
      position:absolute;
      overflow:hidden;
   
      font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
      font-size:18px;
      font-weight:bold;
      letter-spacing:0.6px;
      white-space:nowrap;
      line-height:39px;
   
      /* CSS3 Transition: */
      -webkit-transition: 0.25s;
      /*-o-transition: 0.25s;*/
   
      /* Future proofing (these do not work yet): */
      -moz-transition: 0.25s;
      transition: 0.25s;
    }
   
    #navigationMenu a{
      background:url('http://img52.imageshack.us/img52/3637/navigationf.jpg') no-repeat;
   
      height:39px;
      width:38px;
      display:block;
      position:relative;
    }
   
    /* General hover styles */
   
    #navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
    #navigationMenu a:hover{
      text-decoration:none;
   
      /* CSS outer glow with the box-shadow property */
      -moz-box-shadow:0 0 5px #9ddff5;
      -webkit-box-shadow:0 0 5px #9ddff5;
      box-shadow:0 0 5px #9ddff5;
    }
   
    /* Green Button */
   
    #navigationMenu .home {  background-position:0 0;}
    #navigationMenu .home:hover {  background-position:0 -39px;}
    #navigationMenu .home span{
      background-color:#7da315;
      color:#3d4f0c;
      text-shadow:1px 1px 0 #99bf31;
    }
   
    /* Blue Button */
   
    #navigationMenu .about { background-position:-38px 0;}
    #navigationMenu .about:hover { background-position:-38px -39px;}
    #navigationMenu .about span{
      background-color:#1e8bb4;
      color:#223a44;
      text-shadow:1px 1px 0 #44a8d0;
    }
   
    /* Orange Button */
   
    #navigationMenu .services { background-position:-76px 0;}
    #navigationMenu .services:hover { background-position:-76px -39px;}
    #navigationMenu .services span{
      background-color:#c86c1f;
      color:#5a3517;
      text-shadow:1px 1px 0 #d28344;
    }
   
    /* Yellow Button */
   
    #navigationMenu .portfolio { background-position:-114px 0;}
    #navigationMenu .portfolio:hover{ background-position:-114px -39px;}
    #navigationMenu .portfolio span{
      background-color:#d0a525;
      color:#604e18;
      text-shadow:1px 1px 0 #d8b54b;
    }
   
    /* Purple Button */
   
    #navigationMenu .contact { background-position:-152px 0;}
    #navigationMenu .contact:hover { background-position:-152px -39px;}
    #navigationMenu .contact span{
      background-color:#af1e83;
      color:#460f35;
      text-shadow:1px 1px 0 #d244a6;
    }
   
   
    a, a:visited,a:active {
      color:#0196e3;
      text-decoration:none;
      outline:none;
    }
   
    a:hover{
      text-decoration:none;
    }
   
    a img{
      border:none;
    }
   
    </style>
   
    <ul id="navigationMenu">
        <li>
          <a class="home" href="forum.htm">
                <span>Home</span>
            </a>
        </li>
     
        <li>
          <a class="about" href="#">
                <span>About</span>
            </a>
        </li>
     
        <li>
          <a class="services" href="/profile.forum?mode=editprofile">
                <span>Profile</span>
            </a>
        </li>
     
        <li>
          <a class="portfolio" href="portal.htm">
                <span>Portal</span>
            </a>
        </li>
     
        <li>
          <a class="contact" href="/contact.forum">
                <span>Contact us</span>
            </a>
        </li>
    </ul>

Gassy
Membru activ

masculin

Mesaje : 1255
Varsta : 21
Localizare : Forumgratuit!
Data de inscriere : 11/08/2011
Multumiri : 0
Membru exclus

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Zack. la data de Vin 19 Aug - 15:31

Cod:
<style type="text/css">
#navigationMenu{
  position:fixed;
        top: 300px;
        left: 0px;
}
 
#navigationMenu li{
  list-style:none;
  height:39px;
  padding:2px;
  width:40px;
}
 
#navigationMenu span{
  width:0;
  left:38px;
  padding:0;
  position:absolute;
  overflow:hidden;
 
  font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  letter-spacing:0.6px;
  white-space:nowrap;
  line-height:39px;
 
  /* CSS3 Transition: */
  -webkit-transition: 0.25s;
  /*-o-transition: 0.25s;*/
 
  /* Future proofing (these do not work yet): */
  -moz-transition: 0.25s;
  transition: 0.25s;
}
 
#navigationMenu a{
  background:url('http://img52.imageshack.us/img52/3637/navigationf.jpg') no-repeat;
 
  height:39px;
  width:38px;
  display:block;
  position:relative;
}
 
/* General hover styles */
 
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
  text-decoration:none;
 
  /* CSS outer glow with the box-shadow property */
  -moz-box-shadow:0 0 5px #9ddff5;
  -webkit-box-shadow:0 0 5px #9ddff5;
  box-shadow:0 0 5px #9ddff5;
}
 
/* Green Button */
 
#navigationMenu .home {  background-position:0 0;}
#navigationMenu .home:hover {  background-position:0 -39px;}
#navigationMenu .home span{
  background-color:#7da315;
  color:#3d4f0c;
  text-shadow:1px 1px 0 #99bf31;
}
 
/* Blue Button */
 
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
  background-color:#1e8bb4;
  color:#223a44;
  text-shadow:1px 1px 0 #44a8d0;
}
 
/* Orange Button */
 
#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
  background-color:#c86c1f;
  color:#5a3517;
  text-shadow:1px 1px 0 #d28344;
}
 
/* Yellow Button */
 
#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
  background-color:#d0a525;
  color:#604e18;
  text-shadow:1px 1px 0 #d8b54b;
}
 
/* Purple Button */
 
#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
  background-color:#af1e83;
  color:#460f35;
  text-shadow:1px 1px 0 #d244a6;
}
 
 
a, a:visited,a:active {
  color:#0196e3;
  text-decoration:none;
  outline:none;
}
 
a:hover{
  text-decoration:none;
}
 
a img{
  border:none;
}
 
</style>
 
<ul id="navigationMenu">
    <li>
      <a class="home" href="forum.htm">
            <span>Home</span>
        </a>
    </li>
   
    <li>
      <a class="about" href="#">
            <span>About</span>
        </a>
    </li>
   
    <li>
      <a class="services" href="/profile.forum?mode=editprofile">
            <span>Profile</span>
        </a>
    </li>
   
    <li>
      <a class="portfolio" href="portal.htm">
            <span>Portal</span>
        </a>
    </li>
   
    <li>
      <a class="contact" href="/contact.forum">
            <span>Contact us</span>
        </a>
    </li> 
</ul>

Zack.
Membru onorific
Membru onorific

masculin

Mesaje : 4849
Localizare : Sibiu
Data de inscriere : 24/06/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Gassy la data de Vin 19 Aug - 15:31

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:
Cod:
<style type="text/css">
#navigationMenu{
  position:fixed;
        top: 300px;
        left: 0px;
}
 
#navigationMenu li{
  list-style:none;
  height:39px;
  padding:2px;
  width:40px;
}
 
#navigationMenu span{
  width:0;
  left:38px;
  padding:0;
  position:absolute;
  overflow:hidden;
 
  font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  letter-spacing:0.6px;
  white-space:nowrap;
  line-height:39px;
 
  /* CSS3 Transition: */
  -webkit-transition: 0.25s;
  /*-o-transition: 0.25s;*/
 
  /* Future proofing (these do not work yet): */
  -moz-transition: 0.25s;
  transition: 0.25s;
}
 
#navigationMenu a{
  background:url('http://img52.imageshack.us/img52/3637/navigationf.jpg') no-repeat;
 
  height:39px;
  width:38px;
  display:block;
  position:relative;
}
 
/* General hover styles */
 
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
  text-decoration:none;
 
  /* CSS outer glow with the box-shadow property */
  -moz-box-shadow:0 0 5px #9ddff5;
  -webkit-box-shadow:0 0 5px #9ddff5;
  box-shadow:0 0 5px #9ddff5;
}
 
/* Green Button */
 
#navigationMenu .home {  background-position:0 0;}
#navigationMenu .home:hover {  background-position:0 -39px;}
#navigationMenu .home span{
  background-color:#7da315;
  color:#3d4f0c;
  text-shadow:1px 1px 0 #99bf31;
}
 
/* Blue Button */
 
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
  background-color:#1e8bb4;
  color:#223a44;
  text-shadow:1px 1px 0 #44a8d0;
}
 
/* Orange Button */
 
#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
  background-color:#c86c1f;
  color:#5a3517;
  text-shadow:1px 1px 0 #d28344;
}
 
/* Yellow Button */
 
#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
  background-color:#d0a525;
  color:#604e18;
  text-shadow:1px 1px 0 #d8b54b;
}
 
/* Purple Button */
 
#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
  background-color:#af1e83;
  color:#460f35;
  text-shadow:1px 1px 0 #d244a6;
}
 
 
a, a:visited,a:active {
  color:#0196e3;
  text-decoration:none;
  outline:none;
}
 
a:hover{
  text-decoration:none;
}
 
a img{
  border:none;
}
 
</style>
 
<ul id="navigationMenu">
    <li>
      <a class="home" href="forum.htm">
            <span>Home</span>
        </a>
    </li>
   
    <li>
      <a class="about" href="#">
            <span>About</span>
        </a>
    </li>
   
    <li>
      <a class="services" href="/profile.forum?mode=editprofile">
            <span>Profile</span>
        </a>
    </li>
   
    <li>
      <a class="portfolio" href="portal.htm">
            <span>Portal</span>
        </a>
    </li>
   
    <li>
      <a class="contact" href="/contact.forum">
            <span>Contact us</span>
        </a>
    </li> 
</ul>

Ti-am luat-o inainte Râset
Apropo diablomcs, codul lui DarkStar e pentru a fi pozitionat pe pe mijloc, iar al meu pentru a fi pozitionat jos A face cu ochiul


Ultima editare efectuata de catre Gassy in Vin 19 Aug - 15:33, editata de 1 ori

Gassy
Membru activ

masculin

Mesaje : 1255
Varsta : 21
Localizare : Forumgratuit!
Data de inscriere : 11/08/2011
Multumiri : 0
Membru exclus

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Zack. la data de Vin 19 Aug - 15:32

Rezolvat?

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:
Ti-am luat-o inainte Râset

nu suntem la maron


Ultima editare efectuata de catre DarkStar in Vin 19 Aug - 15:33, editata de 1 ori

Zack.
Membru onorific
Membru onorific

masculin

Mesaje : 4849
Localizare : Sibiu
Data de inscriere : 24/06/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de diablomcs la data de Vin 19 Aug - 15:32

Multumesc frumos DarkStar si Gassy dar mai este o problema dar cum as putea sa scot Portalu si sa pun FAQ in loc de Portal

diablomcs
Membru Forumgratuit

masculin

Mesaje : 154
Varsta : 20
Data de inscriere : 08/05/2011
Multumiri : 0
Membru exclus

http://free-time.forumhit.ro/

Sus In jos

Rezolvat Re: Cum as putea sa-mi pun un mini meniu in stanga pagini a forumului

Mesaj Scris de Zack. la data de Vin 19 Aug - 15:33

Alta problema, alt topic

topic rezolvat

Zack.
Membru onorific
Membru onorific

masculin

Mesaje : 4849
Localizare : Sibiu
Data de inscriere : 24/06/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum