Cum pun acest cod in partea de sus a forumului?

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Cum pun acest cod in partea de sus a forumului?

Mesaj Scris de AudCulori la data de Joi 13 Mai - 11:46

Deci am bagat acest cod pentru sexy drop down menu si imi merge perfect intr-un widget(mai putin sagetile).
Cum pot sa il pun in partea de sus a forumului??
Cod:
<!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=iso-8859-1" />
<title>Sexy Drop Down Menu with CSS & jQuery - Tutorial by Soh Tanaka - [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

  $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
 
  $("ul.topnav li span").click(function() { //When trigger is clicked...
     
      //Following events are applied to the subnav itself (moving subnav up and down)
      $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

      $(this).parent().hover(function() {
      }, function(){ 
        $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
      });

      //Following events are applied to the trigger (Hover events for the trigger)
      }).hover(function() {
        $(this).addClass("subhover"); //On hover over, add class "subhover"
      }, function(){  //On Hover Out
        $(this).removeClass("subhover"); //On hover out, remove class "subhover"
  });

});
</script>
<style type="text/css">
body {
  margin: 0; padding: 0;
  font: 10px normal Arial, Helvetica, sans-serif;
  background: #ddd url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/body_bg.gif) repeat-x;
}
.container {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
#header {
  background: url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/header_bg.gif) no-repeat center top;
  padding-top: 120px;
}
#header .disclaimer {
  color: #999;
  padding: 100px 0 7px 0;
  text-align: right;
  display: block;
  position: absolute;
  top: 0; right: 0;
}
#header .disclaimer a {  color: #ccc;}
ul.topnav {
  list-style: none;
  padding: 0 20px; 
  margin: 0;
  float: left;
  width: 920px;
  background: #222;
  font-size: 1.2em;
  background: url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/topnav_bg.gif) repeat-x;
}
ul.topnav li {
  float: left;
  margin: 0; 
  padding: 0 15px 0 0;
  position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
  padding: 10px 5px;
  color: #fff;
  display: block;
  text-decoration: none;
  float: left;
}
ul.topnav li a:hover{
  background: url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
  width: 17px;
  height: 35px;
  float: left;
  background: url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
  list-style: none;
  position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
  left: 0; top: 35px;
  background: #333;
  margin: 0; padding: 0;
  display: none;
  float: left;
  width: 170px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border: 1px solid #111;
}
ul.topnav li ul.subnav li{
  margin: 0; padding: 0;
  border-top: 1px solid #252525; /*--Create bevel effect--*/
  border-bottom: 1px solid #444; /*--Create bevel effect--*/
  clear: both;
  width: 170px;
}
html ul.topnav li ul.subnav li a {
  float: left;
  width: 145px;
  background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
  padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
  background: #222 url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/dropdown_linkbg.gif) no-repeat 10px center;
}
#header img {
  margin: 20px 0 10px;
}
</style>

</head>

<body>
<div class="container">

    <div id="header">
        <div class="disclaimer">Sexy Drop Down Menu Tutorial by <a href="http://www.SohTanaka.com">Soh Tanaka</a>.</div>
        <ul class="topnav">
            <li><a href="#">Home</a></li>
            <li>
                <a href="#">Tutorials</a>

                <ul class="subnav">
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>

                </ul>
            </li>
            <li>
                <a href="#">Resources</a>
                <ul class="subnav">
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>

                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                    <li><a href="#">Sub Nav Link</a></li>
                </ul>
            </li>
            <li><a href="#">About Us</a></li>

            <li><a href="#">Advertise</a></li>
            <li><a href="#">Submit</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
    </div>
</div>


</body>

</html>

AudCulori
Membru Forumgratuit

masculin

Mesaje : 358
Localizare : in your mind..
Data de inscriere : 05/03/2010
Multumiri : 0
Membru exclus

http://mydesign.forumgratuit.ro/

Sus In jos

Rezolvat Re: Cum pun acest cod in partea de sus a forumului?

Mesaj Scris de Kakarott la data de Joi 13 Mai - 13:24

Numai, si numai, daca ai tema de la phpBB2 te duci:
P.A. => Afisare = > Templateuri => General => gasesti overall_header_new si dai pe butonul EDIT si pui acolo codul
Dupa ce ai terminat dai inregistrare, iar apoi dai public, o sa iti apara un + dupa ce ai facut ce ti-am zis.

Rezolvat Foarte fericit ?

Kakarott
Membru Forumgratuit

Mesaje : 98
Data de inscriere : 06/05/2010
Multumiri : 0
1 avertisment

http://throw.forumer.ro/

Sus In jos

Rezolvat Re: Cum pun acest cod in partea de sus a forumului?

Mesaj Scris de acalyme la data de Joi 13 Mai - 18:31

Degeaba il pui in pveral_header daca nu sti unde sa il pui cu exactitate A face cu ochiul ......

acalyme
Membru Forumgratuit

Mesaje : 387
Data de inscriere : 12/09/2009
Multumiri : 0
Membru exclus

http://dance-univers.the-up.com/

Sus In jos

Rezolvat Re: Cum pun acest cod in partea de sus a forumului?

Mesaj Scris de Kakarott la data de Vin 14 Mai - 14:24

acalyme, daca il va pune acolo unde i-am spus v-a merge asa ca nu te mai baga in seama, multumesc.

Kakarott
Membru Forumgratuit

Mesaje : 98
Data de inscriere : 06/05/2010
Multumiri : 0
1 avertisment

http://throw.forumer.ro/

Sus In jos

Rezolvat Re: Cum pun acest cod in partea de sus a forumului?

Mesaj Scris de AudCulori la data de Vin 14 Mai - 20:57

Nu prea arata bine.Apare sub banner..

AudCulori
Membru Forumgratuit

masculin

Mesaje : 358
Localizare : in your mind..
Data de inscriere : 05/03/2010
Multumiri : 0
Membru exclus

http://mydesign.forumgratuit.ro/

Sus In jos

Rezolvat Re: Cum pun acest cod in partea de sus a forumului?

Mesaj Scris de GFX.TDB la data de Vin 14 Mai - 22:19

Deci tu vrei ca script-ul să apară înaintea banner-ului ? Unde ai asezat codul ? Încearcă să îl asezi exact pe primul rând între tag-urile :

Cod:
<center>SCRIPT</center>

GFX.TDB
Membru Forumgratuit

masculin

Mesaje : 383
Varsta : 26
Localizare : Ploiesti
Data de inscriere : 23/11/2008
Multumiri : 0
Membru exclus

http://www.help.forumgratuit.ro

Sus In jos

Rezolvat Re: Cum pun acest cod in partea de sus a forumului?

Mesaj Scris de AudCulori la data de Sam 15 Mai - 14:28

Da a mers.. multumesc.

AudCulori
Membru Forumgratuit

masculin

Mesaje : 358
Localizare : in your mind..
Data de inscriere : 05/03/2010
Multumiri : 0
Membru exclus

http://mydesign.forumgratuit.ro/

Sus In jos

Rezolvat Re: Cum pun acest cod in partea de sus a forumului?

Mesaj Scris de Vizitato la data de Sam 15 Mai - 18:03

Topic rezolvat=>Inchis.

Vizitato
Vizitator


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum