Soucis de design - Page 2 Bouton_activeSoucis de design - Page 2 Bouton_hoverSoucis de design - Page 2 Fb-hoverSoucis de design - Page 2 Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Soucis de design - Page 2 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Soucis de design - Page 2 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Soucis de design - Page 2 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Soucis de design - Page 2 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Soucis de design - Page 2 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Soucis de design - Page 2 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Soucis de design - Page 2 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Soucis de design - Page 2 EmptySam 11 Fév 2023, 06:04 par Krager

-50%
Le deal à ne pas rater :
[Adhérents Fnac] -50% Casque Pro Gaming HyperX Cloud Alpha Noire et ...
49.99 € 99.99 €
Voir le deal

Partagez
 

Soucis de design

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3  Suivant
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis de design - Page 2 Empty
Voilà : http://www.css-actif.com/t5637p360-classer-les-categories-de-votre-forum-par-onglet#84722. Suis les instructions Wink
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 11:54
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
Mais ce tuto est pour faire des onglets... Quel est le lien?
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 12:10
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis de design - Page 2 Empty
Regarde le dernier message Wink & Fais ce que je demande Smile
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 12:19
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
Je veux bien mais je vois pas ce que je dois faire par rapport à mon forum!
Voici le lien:

Spoiler:
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 12:21
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis de design - Page 2 Empty
Ce que tu dois faire ? Refaire le tutoriel avec le nouveau générateur Wink Merci.
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 12:23
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
Fait
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 12:31
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis de design - Page 2 Empty
Eh ben il marche ton forum! Il faut juste que tu personnalise le CSS des onglets Wink
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 12:32
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis de design - Page 2 Empty
Refais la partie CSS du Tutoriel Wink
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 12:35
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
Ok, j'ai commencé, qu'est-ce que je dois mettre en fait à la place de ce qui est en bas? Et comment puis-je les décoller?
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 12:42
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis de design - Page 2 Empty
Comment tu peux décoller tes onglets ?
Rajoute :

Code:
margin-right: 15px;

Fais ceci aux deux class Wink
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 12:51
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
Les deux class?
(désolée, je suis vraiment pas douée, mais j'apprend)
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 12:56
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis de design - Page 2 Empty
Oui Smile Mais ça après, il faut personnaliser Wink Il faut que tu cherches sur le forum Wink
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 13:02
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
J'ai beau chercher je ne trouve pas, ce qui semblait correspondre n'a jamais eu de réponse...
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 13:23
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis de design - Page 2 Empty
Fais moi un screen de ce que tu souhaite avoir comme onglet Wink
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 13:38
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
montage rapido

https://i.servimg.com/u/f61/15/51/67/68/sans_t10.jpg
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 13:47
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis de design - Page 2 Empty
Essaye comme ceci :

Code:
.onglet { /*Onglet non survolé*/
background-color: #E5E5F1;
display: inline-block;
width: auto;
height: 35px;
cursor: pointer;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.actif { /*Onglet survolé*/
background-image: -moz-linear-gradient(top, #E5E5F1, #C0C0C0);
background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5F1), to(#C0C0C0));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5F1,endColorstr=#C0C0C0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5F1,endColorstr=#C0C0C0)";
}
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 15:00
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
çà donne çà:


https://i.servimg.com/u/f61/15/51/67/68/sans_t11.jpg

Faut que je règle la largeur? Et est-ce qu'on peut le coller au reste?
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyDim 26 Déc 2010, 19:32
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis de design - Page 2 Empty
Oui, on peut le coller au reste. Passe ton template Wink
& Pour la largeur, remplace par ça :

Code:
.onglet { /*Onglet non survolé*/
background-color: #E5E5F1;
display: inline-block;
width: auto;
cursor: pointer;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-right:8px;
}

.actif { /*Onglet survolé*/
background-image: -moz-linear-gradient(top, #E5E5F1, #C0C0C0);
background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5F1), to(#C0C0C0));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5F1,endColorstr=#C0C0C0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5E5F1,endColorstr=#C0C0C0)";
}
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyLun 27 Déc 2010, 04:28
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
Voici le template:


Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

document.write('<div align="center">
<ul class="conteneur_onglets">
<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Vos débuts</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Vos personnages</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Partie RPG</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Partie HJ</li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">Partie Admin</li>
<li onClick="change_cat(6)" class="onglet " id="onglet_6">Corbeille</li>
</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
   if(document.getElementById('categorie_'+numero))
   {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
      $('table[id=categorie_'+numero+']').fadeIn();;
      
      /* affichage du bon onglet */
      $('.actif').removeClass("actif");
      $('.onglet[id=onglet_'+numero+']').addClass("actif");
   }
}

function capture_cat()
{
   if(compteur_cat == 1)
   {
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
   }
   else
   {
      document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
   }
   
   compteur_cat++;
}

//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
   capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->


<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyLun 27 Déc 2010, 05:53
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Soucis de design - Page 2 Empty
Bonjour,
votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci d'éditer votre premier message en cochant l'icône Soucis de design - Page 2 Resolu3.
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyLun 03 Jan 2011, 11:21
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
Oui
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyLun 03 Jan 2011, 11:24
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Soucis de design - Page 2 Empty
Bonjour (:
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône Soucis de design - Page 2 Resolu3 en éditant votre premier message (:
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyLun 10 Jan 2011, 11:37
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
OOOOOOOOOOOOUUUUUUUUUUUUIIIIIIIIIIIIIIIIII
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyMar 11 Jan 2011, 12:16
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Soucis de design - Page 2 Empty
Hello (:
Je comprends que c'est long d'attendre mais dis toi juste que si je te demande tous les 7 jours si c'est d'actualité, c'est pour que le sujet remonte (je suppose que tu as vu le nombre de sujets en attente) et que quelqu'un puisse s'en occuper.
Ce n'est que dans ton intérêt Wink
Je comprends ton agacement, mais de là à répondre ainsi.. Il y a un pas à ne pas franchir (:
J'espère que c'est la dernière fois que ton impatience est aussi flagrante.
Merci de ta compréhension Wink
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyMar 11 Jan 2011, 13:02
Revenir en haut Aller en bas
http://heaven.crazy4us.com
Megh
Megh
{ Membre }
{ Membre }

Féminin Messages : 52



Soucis de design - Page 2 Empty
Oui, désolée
Merci
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 EmptyMer 12 Jan 2011, 05:15
Revenir en haut Aller en bas
Contenu sponsorisé




Soucis de design - Page 2 Empty
MessageSujet: Re: Soucis de design   Soucis de design - Page 2 Empty
Revenir en haut Aller en bas
 

Soucis de design

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 3Aller à la page : Précédent  1, 2, 3  Suivant

 Sujets similaires

-
» Design qui ne s'affiche plus
» Un soucis
» Soucis
» code design
» Graphisme: Art-Design

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit