Accueil
Créer un forumMenu dans le coin gauche du forum!
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Menu dans le coin gauche du forum!
par Steve tweak Mer 25 Jan 2012 - 6:08
J'aimerai ajouter un menu, mais je ne suis pas capable de le mettre dans le coin gauche, dans le haut, avez-vous une idée comment. merci a l'avance
Voici une capture d'écran où j'aimerai l'avoir, je suis en phpbb3.
Voici mon menu. http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/
Voici une capture d'écran où j'aimerai l'avoir, je suis en phpbb3.
Voici mon menu. http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/
- Spoiler:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #515254; /*background of tabs (default state)*/
}
.sidebarmenu ul li a:visited{
color: white;
}
.sidebarmenu ul li a:hover{
background-color: black;
}
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}
.sidebarmenu a.subfolderstyle{
background: url(http://www.dynamicdrive.com/cssexamples/media/right.gif) no-repeat 97% 50%;
}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Sub Item 2.1.3</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
</body>
</html>
Dernière édition par Steve tweak le Ven 3 Fév 2012 - 19:33, édité 1 fois
Steve tweak- *
-
Messages : 41
Inscrit(e) le : 12/12/2011 -
Re: Menu dans le coin gauche du forum!
par Gorgorbey Mer 25 Jan 2012 - 7:00
Bonjour,
Vous ne pouvez intégrer ce menu à la place de la barre de navigation classique pour la simple raison que vous êtes en phpBB3 donc pas d'accès aux templates
Cordialement.
Vous ne pouvez intégrer ce menu à la place de la barre de navigation classique pour la simple raison que vous êtes en phpBB3 donc pas d'accès aux templates
Cordialement.
Gorgorbey- Membre actif
-
Messages : 3321
Inscrit(e) le : 09/09/2010 -
Re: Menu dans le coin gauche du forum!
par Steve tweak Mer 25 Jan 2012 - 7:11
Non c'est simplement un menu additionnel avec des liens divers, sans rapport avec la barre du menu du forum.
Steve tweak- *
-
Messages : 41
Inscrit(e) le : 12/12/2011 -
Re: Menu dans le coin gauche du forum!
par Gorgorbey Mer 25 Jan 2012 - 7:13
D'accord la seule solution est de le mettre dans un Widget mais il ne sera pas dans l'angle en haut à gauche du forum.
Gorgorbey- Membre actif
-
Messages : 3321
Inscrit(e) le : 09/09/2010 -
Re: Menu dans le coin gauche du forum!
par Steve tweak Mer 25 Jan 2012 - 7:18
OK merci j'aimerai le mettre la le problème c'est que je le veux dans le haut à gauche en conservant la même hauteur de fenêtre que sans le menu.
Avant.
Avec le menu.
j'aimerai l'avoir sur la même égalité que la vidéo, juste sous la date et l’heure.
Avant.
Avec le menu.
j'aimerai l'avoir sur la même égalité que la vidéo, juste sous la date et l’heure.
Steve tweak- *
-
Messages : 41
Inscrit(e) le : 12/12/2011 -
Re: Menu dans le coin gauche du forum!
par Gorgorbey Mer 25 Jan 2012 - 7:57
Ah oui vous le mettez dans la page d'accueil, bonne idée.
Pour votre problèmes mettez :
Pour votre problèmes mettez :
- Code:
<table>
<tr>
<td>Code Menu</td>
<td>Code Vidéo</td>
</tr>
</table>
Gorgorbey- Membre actif
-
Messages : 3321
Inscrit(e) le : 09/09/2010 -
Re: Menu dans le coin gauche du forum!
par Steve tweak Mer 25 Jan 2012 - 8:06
Parfais, mais comme mes connaissances sont très limitées, j'ajoute votre code ou exactement.merci
Steve tweak- *
-
Messages : 41
Inscrit(e) le : 12/12/2011 -
Re: Menu dans le coin gauche du forum!
par Adam_sfp Mer 25 Jan 2012 - 12:44
Bonjour
Pour mettre votre menu en haut à gauche vous pouvez essayer de rajouter ceci dans votre CSS
dans cette partie
pour avoir ceci
Cordialement.
Pour mettre votre menu en haut à gauche vous pouvez essayer de rajouter ceci dans votre CSS
- Code:
position: fixed;
top: 0px;
left: 0px;
dans cette partie
- Code:
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
pour avoir ceci
- Code:
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
position: fixed;
top: 0px;
left: 0px;
}
Cordialement.
Adam_sfp- Membre actif
-
Messages : 4465
Inscrit(e) le : 18/04/2008 -
Re: Menu dans le coin gauche du forum!
par Steve tweak Mer 25 Jan 2012 - 22:34
Merci pour le code!
Le problème c'est que le menu est complètement à gauche et il reste collé la même si je descends la page du forum.
Deuxième problème, les sous catégorie bug, une fois qu'elle s'ouvre et on déplace la sourie sur la catégorie elle disparaît soudainement apres une ou deux secondes, quand je fais un test dans créer une page HTML et prévisualiser ça fonctionne a merveille, une fois le code appliqué dans affichage,généralité, ça bug! il y aurait il un lien avec le script de mon curseur, qui donne des étoiles quand on bouge la sourie!?
Voici le code que j'applique.
Le problème c'est que le menu est complètement à gauche et il reste collé la même si je descends la page du forum.
Deuxième problème, les sous catégorie bug, une fois qu'elle s'ouvre et on déplace la sourie sur la catégorie elle disparaît soudainement apres une ou deux secondes, quand je fais un test dans créer une page HTML et prévisualiser ça fonctionne a merveille, une fois le code appliqué dans affichage,généralité, ça bug! il y aurait il un lien avec le script de mon curseur, qui donne des étoiles quand on bouge la sourie!?
Voici le code que j'applique.
- Spoiler:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
position: fixed;
top: 0px;
left: 0px;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #515254; /*background of tabs (default state)*/
}
.sidebarmenu ul li a:visited{
color: white;
}
.sidebarmenu ul li a:hover{
background-color: black;
}
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}
.sidebarmenu a.subfolderstyle{
background: url(http://www.dynamicdrive.com/cssexamples/media/right.gif) no-repeat 97% 50%;
}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script><div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Sub Item 2.1.3</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
</body>
</html>
Steve tweak- *
-
Messages : 41
Inscrit(e) le : 12/12/2011 -
Re: Menu dans le coin gauche du forum!
par Steve tweak Ven 27 Jan 2012 - 17:37
Personne n’a une idée! pour la disparition soudaine des sous catégorie.
Steve tweak- *
-
Messages : 41
Inscrit(e) le : 12/12/2011 -
Re: Menu dans le coin gauche du forum!
par Gorgorbey Ven 27 Jan 2012 - 17:44
Re,
Si vous appliquez ma solution c'est à mettre dans :
PA > Affichage > Page d'accueil > Généralités
Si vous appliquez ma solution c'est à mettre dans :
PA > Affichage > Page d'accueil > Généralités
- Code:
<table>
<tr>
<td>Mettez le code Menu</td>
<td>Et ici le code de la vidéo</td>
</tr>
</table>
Gorgorbey- Membre actif
-
Messages : 3321
Inscrit(e) le : 09/09/2010 -
Re: Menu dans le coin gauche du forum!
par Steve tweak Ven 27 Jan 2012 - 19:17
Ok merci je vais faire le test et je vous redonne des nouvelles.
Steve tweak- *
-
Messages : 41
Inscrit(e) le : 12/12/2011 -
Re: Menu dans le coin gauche du forum!
par Steve tweak Ven 27 Jan 2012 - 19:30
Voice que ça donne! le contenu dans affichage. le vidéo devrait être centré sous la bannière club trail-rated
Dans affichage.
Voici tout ce qui se trouve dans le CSS.
Merci.
Dans affichage.
- Spoiler:
- <table>
<tr>
<td>
<ul class="sexypanels">
<li class="lastitem"><a href="http://www.onlineconversion.com/tire_size_conversion.htm">» Pneus conversion</a></li>
<li><a href="http://www.offroadunlimited.com/">» Offroadunlimited</a></li>
<li><a href="http://top4x4sites.com/top.php">» Top4x4sites</a></li>
<li><a href="http://www.offroaders.com/reviewbox/showcat.php?cat=3" >» Offroaders</a></li>
<li><a href="http://www.jeep4x4center.com/">» Morris 4x4</a></li>
<li><a href="http://translate.google.ca/translate?hl=fr&langpair=en%7Cfr&u=http://www.jkowners.com/">» Jkowners</a></li>
<li><a href="http://www.offroaders.com/tech/AT-MT-Tires/tire-hits-or-fits.htm">» Tire Size</a></li>
<li><a href="http://www.pjf4x4.com/portal/index.php?lang=fr">» PJF4X4</a></li>
</td>
</ul>
<center><img src="https://i.servimg.com/u/f40/17/10/33/31/coolte23.png" border="0" alt="" /></center>
<center><font color="999796">Passionnés de 4x4 et mordus de trail. Secteur des Laurentides.</font></center>
<td>
<center><iframe src="http://player.vimeo.com/video/27988448?title=0&byline=0&portrait=0&color=fc000d" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></center>
</td>
</tr>
</table>
<center><font color="999796">Sierra's Volume 1.</font></center></td>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'fr'}
</script>
<g:plusone href="http://www.clubtrailrated.com/"></g:plusone>
Voici tout ce qui se trouve dans le CSS.
- Spoiler:
- img {
cursor: url("http://downloads.totallyfreecursors.com/thumbnails/jeep.gif"), auto;
}
.navbar ul{border-color:#AA0000;}
fieldset dl:hover dt label
{
color: white;
}
#chatbox {
background-image: url("http://www.bouncingtrucks.com/gallery/albums/userpics/10001/Outalne_037.gif");
background-repeat: no-repeat;
background-position: center;
}
.sexypanels{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu */
}
.sexypanels li{
border-bottom: 1px solid white; /* white border beneath each menu item */
}
.sexypanels li a{
background: #333 url(media/sexypanelright.gif) no-repeat right top; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}
.sexypanels li a:visited, .sexypanels li a:active{
color: white;
}
.sexypanels li a:hover{
background-color: black; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}
Merci.
Steve tweak- *
-
Messages : 41
Inscrit(e) le : 12/12/2011 -
Re: Menu dans le coin gauche du forum!
par Gorgorbey Ven 27 Jan 2012 - 19:38
Dans votre HTML au niveau du second <td> ajoutez un class="video_accueil" ce qui donne :
Ensuite dans votre CSS ajoutez :
Faites varier le 100px pour le décalage.
- Code:
<td class="video_accueil">
<center><iframe src="http://player.vimeo.com/video/27988448?title=0&byline=0&portrait=0&color=fc000d" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></center>
</td>
Ensuite dans votre CSS ajoutez :
- Code:
.video_accueil
{
padding-left: 100px;
}
Faites varier le 100px pour le décalage.
Gorgorbey- Membre actif
-
Messages : 3321
Inscrit(e) le : 09/09/2010 -
Re: Menu dans le coin gauche du forum!
par Steve tweak Ven 27 Jan 2012 - 19:47
Un très gros merci de votre aide, je vais faire ça ce soir. 
Steve tweak- *
-
Messages : 41
Inscrit(e) le : 12/12/2011 -
Re: Menu dans le coin gauche du forum!
par Steve tweak Sam 28 Jan 2012 - 3:20
Bien content ça progresse!
J’ai du tout mettre dans affichage pour réussir, reste un petit détail, comment faire pour mettre mon menu complètement dans le coin gauche dans le haut.
Dans affichage.
Voici le résulta.
Merci de votre patience.
J’ai du tout mettre dans affichage pour réussir, reste un petit détail, comment faire pour mettre mon menu complètement dans le coin gauche dans le haut.
Dans affichage.
- Spoiler:
- <html>
<body>
<style type="text/css">
.video_accueil
{
padding-left: 445px;
}
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #333; /*background of tabs (default state)*/
}
.sidebarmenu ul li a:visited{
color: white;
}
.sidebarmenu ul li a:hover{
background-color: #E66B00;
}
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}
.sidebarmenu a.subfolderstyle{
background: url(http://www.dynamicdrive.com/cssexamples/media/right.gif) no-repeat 97% 50%;
}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>
<table>
<tr>
<td><div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Sub Item 2.1.3</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
</td>
</body>
</html>
<center><img src="https://i.servimg.com/u/f40/17/10/33/31/coolte23.png" border="0" alt="" /></center>
<center><font color="999796">Passionnés de 4x4 et mordus de trail. Secteur des Laurentides.</font></center>
<td class="video_accueil">
<center><iframe src="http://player.vimeo.com/video/27988448?title=0&byline=0&portrait=0&color=fc000d" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></center>
</tr>
</table>
<center><font color="999796">Sierra's Volume 2.</font></center></td>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'fr'}
</script>
<g:plusone href="http://www.clubtrailrated.com/"></g:plusone>
Voici le résulta.
Merci de votre patience.
Steve tweak- *
-
Messages : 41
Inscrit(e) le : 12/12/2011 -
Re: Menu dans le coin gauche du forum!
par Gorgorbey Sam 28 Jan 2012 - 12:02
Essayez ceci :
- Spoiler:
- Code:
<html>
<body>
<style type="text/css">
.video_accueil
{
padding-left: 445px;
}
.sidebarmenu
{
position: absolute;
}
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #333; /*background of tabs (default state)*/
}
.sidebarmenu ul li a:visited{
color: white;
}
.sidebarmenu ul li a:hover{
background-color: #E66B00;
}
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}
.sidebarmenu a.subfolderstyle{
background: url(http://www.dynamicdrive.com/cssexamples/media/right.gif) no-repeat 97% 50%;
}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>
<table>
<tr>
<td rowspan="2" class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Sub Item 2.1.3</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</td>
<td>
<center><img src="http://i40.servimg.com/u/f40/17/10/33/31/coolte23.png" border="0" alt="" /></center>
<center><font color="999796">Passionnés de 4x4 et mordus de trail. Secteur des Laurentides.</font></center></td>
</tr>
<tr>
<td class="video_accueil">
<center><iframe src="http://player.vimeo.com/video/27988448?title=0&byline=0&portrait=0&color=fc000d" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></center>
</tr>
</table>
<center><font color="999796">Sierra's Volume 2.</font></center></td>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'fr'}
</script>
<g:plusone href="http://www.clubtrailrated.com/"></g:plusone>
</body>
</html>
Gorgorbey- Membre actif
-
Messages : 3321
Inscrit(e) le : 09/09/2010 -
Re: Menu dans le coin gauche du forum!
par Steve tweak Ven 3 Fév 2012 - 19:33
J e ne suis pas arrivé au résulta voulu, donc j'ai créé un widget et tout est parfait, merci a Gorgorbey et Adam_sfp pour votre aide.
Steve tweak- *
-
Messages : 41
Inscrit(e) le : 12/12/2011 -
Sujets similaires» Placer l'icone en ligne en haut à gauche dans le coin de l'avatar
» marge à gauche de mon menu déroulant avec les liens du forum (CSS)
» Code pour placer la CB en haut à droite dans le coin du forum.
» Image animée coin supérieur gauche
» VERSION MOBILE - Changer icône et nom dans le menu + rajouter message privé MP/DM dans le menu
» marge à gauche de mon menu déroulant avec les liens du forum (CSS)
» Code pour placer la CB en haut à droite dans le coin du forum.
» Image animée coin supérieur gauche
» VERSION MOBILE - Changer icône et nom dans le menu + rajouter message privé MP/DM dans le menu
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum