Menu dans le coin gauche du forum!

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Menu dans le coin gauche du forum!

Message par Steve tweak le 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/
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
*

Masculin
Messages : 41
Inscrit(e) le : 12/12/2011

http://trailrated.tonempire.com/
Steve tweak a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Menu dans le coin gauche du forum!

Message par Gorgorbey le 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 Wink

Cordialement.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Steve tweak le 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
*

Masculin
Messages : 41
Inscrit(e) le : 12/12/2011

http://trailrated.tonempire.com/
Steve tweak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Gorgorbey le 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
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Steve tweak le 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.

Steve tweak
*

Masculin
Messages : 41
Inscrit(e) le : 12/12/2011

http://trailrated.tonempire.com/
Steve tweak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Gorgorbey le Mer 25 Jan 2012 - 7:57

Ah oui vous le mettez dans la page d'accueil, bonne idée.
Pour votre problèmes mettez :
Code:
<table>
<tr>
<td>Code Menu</td>
<td>Code Vidéo</td>
</tr>
</table>

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Steve tweak le 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
*

Masculin
Messages : 41
Inscrit(e) le : 12/12/2011

http://trailrated.tonempire.com/
Steve tweak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Adam_sfp le Mer 25 Jan 2012 - 12:44

Bonjour

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
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Steve tweak le 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.

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
*

Masculin
Messages : 41
Inscrit(e) le : 12/12/2011

http://trailrated.tonempire.com/
Steve tweak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Steve tweak le Ven 27 Jan 2012 - 17:37

Personne n’a une idée! pour la disparition soudaine des sous catégorie.

Steve tweak
*

Masculin
Messages : 41
Inscrit(e) le : 12/12/2011

http://trailrated.tonempire.com/
Steve tweak a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Menu dans le coin gauche du forum!

Message par Gorgorbey le 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
Code:
        <table>
        <tr>
        <td>Mettez le code Menu</td>
        <td>Et ici le code de la vidéo</td>
        </tr>
        </table>

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Steve tweak le Ven 27 Jan 2012 - 19:17

Ok merci je vais faire le test et je vous redonne des nouvelles.

Steve tweak
*

Masculin
Messages : 41
Inscrit(e) le : 12/12/2011

http://trailrated.tonempire.com/
Steve tweak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Steve tweak le 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.

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="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>
<center><iframe src="http://player.vimeo.com/video/27988448?title=0&amp;byline=0&amp;portrait=0&amp;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
*

Masculin
Messages : 41
Inscrit(e) le : 12/12/2011

http://trailrated.tonempire.com/
Steve tweak a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Menu dans le coin gauche du forum!

Message par Gorgorbey le Ven 27 Jan 2012 - 19:38

Dans votre HTML au niveau du second <td> ajoutez un class="video_accueil" ce qui donne :
Code:
<td class="video_accueil">
<center><iframe src="http://player.vimeo.com/video/27988448?title=0&amp;byline=0&amp;portrait=0&amp;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
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Steve tweak le Ven 27 Jan 2012 - 19:47

Un très gros merci de votre aide, je vais faire ça ce soir. Very Happy

Steve tweak
*

Masculin
Messages : 41
Inscrit(e) le : 12/12/2011

http://trailrated.tonempire.com/
Steve tweak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Steve tweak le 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.

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="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 class="video_accueil">
<center><iframe src="http://player.vimeo.com/video/27988448?title=0&amp;byline=0&amp;portrait=0&amp;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. Very Happy

Steve tweak
*

Masculin
Messages : 41
Inscrit(e) le : 12/12/2011

http://trailrated.tonempire.com/
Steve tweak a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Menu dans le coin gauche du forum!

Message par Gorgorbey le 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&amp;byline=0&amp;portrait=0&amp;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
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu dans le coin gauche du forum!

Message par Steve tweak le 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.Very Happy

Steve tweak
*

Masculin
Messages : 41
Inscrit(e) le : 12/12/2011

http://trailrated.tonempire.com/
Steve tweak a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum