Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Pagini pe lateral

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Pagini pe lateral

Mesaj Scris de Pc-helper Vin Sept 09, 2011 9:23 pm

Vreau ca atunci cand dau cu click-ul sa iasa acele pagini sa le zic asa.Ca in imagine.Sau am mai vazut cu widgeturi de facebook dar nu conteaza.Sript ceva?Va rog sa ma ajutati.

Aceasta e imaginea!!
avatar

Pc-helper
Membru Forumgratuit

Mesaje : 38
Data înscrierii : 09/09/2011
Mulțumiri : 0
Internet Explorer phpBB3

http://www.tutorialepc.netgoo.org
Pc-helper a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Pagini pe lateral

Mesaj Scris de Gassy Vin Sept 09, 2011 9:26 pm

Adaugati in PA => Afisare => Pagina de stat => Generalitati:
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

Gassy
Membru activ

Mesaje : 1255
Varsta : 28
Localizare : Forumgratuit!
Data înscrierii : 11/08/2011
Mulțumiri : 0
Internet Explorer phpBB2

Gassy a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Pagini pe lateral

Mesaj Scris de Pc-helper Vin Sept 09, 2011 9:35 pm

E bun script-ul dar apare jos bara aia eu vreau sus.Am cautat sa modific in codul ala dar nu gasesc.Poti sa ma ajuti?



Ultima editare efectuata de catre Pc-helper in Vin Sept 09, 2011 9:36 pm, editata de 1 ori
avatar

Pc-helper
Membru Forumgratuit

Mesaje : 38
Data înscrierii : 09/09/2011
Mulțumiri : 0
Internet Explorer phpBB3

http://www.tutorialepc.netgoo.org
Pc-helper a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Pagini pe lateral

Mesaj Scris de Gassy Vin Sept 09, 2011 9:36 pm

Cod:

    <style type="text/css">
    #navigationMenu{
      position:fixed;
            top: 20px;
            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

Gassy
Membru activ

Mesaje : 1255
Varsta : 28
Localizare : Forumgratuit!
Data înscrierii : 11/08/2011
Mulțumiri : 0
Internet Explorer phpBB2

Gassy a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Pagini pe lateral

Mesaj Scris de Pc-helper Vin Sept 09, 2011 9:39 pm

Mersi frumos.Mai un topic mai vechi putin aici si nu mi-a raspuns nimeni,.Daca crezi ca ma poti ajuta...Please.
avatar

Pc-helper
Membru Forumgratuit

Mesaje : 38
Data înscrierii : 09/09/2011
Mulțumiri : 0
Internet Explorer phpBB3

http://www.tutorialepc.netgoo.org
Pc-helper a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Pagini pe lateral

Mesaj Scris de Gassy Vin Sept 09, 2011 9:39 pm

Cu placere! A face cu ochiul
Gassy

Gassy
Membru activ

Mesaje : 1255
Varsta : 28
Localizare : Forumgratuit!
Data înscrierii : 11/08/2011
Mulțumiri : 0
Internet Explorer phpBB2

Gassy a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Pagini pe lateral

Mesaj Scris de Zack. Vin Sept 09, 2011 9:41 pm

topic rezolvat
Zack.

Zack.
Membru onorific
Membru onorific

Mesaje : 4830
Localizare : Sibiu
Data înscrierii : 24/06/2010
Mulțumiri : 0
Internet Explorer phpBB3

Zack. a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum