Contour autour de l'avatar (messages) - Page 3 Bouton_activeContour autour de l'avatar (messages) - Page 3 Bouton_hoverContour autour de l'avatar (messages) - Page 3 Fb-hoverContour autour de l'avatar (messages) - Page 3 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
Contour autour de l'avatar (messages) - Page 3 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Contour autour de l'avatar (messages) - Page 3 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Contour autour de l'avatar (messages) - Page 3 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Contour autour de l'avatar (messages) - Page 3 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Contour autour de l'avatar (messages) - Page 3 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Contour autour de l'avatar (messages) - Page 3 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Contour autour de l'avatar (messages) - Page 3 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Contour autour de l'avatar (messages) - Page 3 EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

Partagez
 

Contour autour de l'avatar (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3, 4, 5, 6  Suivant
http://Maxii-pubs.forumactif.com
kalyon
{ Membre }
{ Membre }

Masculin Messages : 156



Contour autour de l'avatar (messages) - Page 3 Empty
de suite ....

CSS :

Code:
body {
background-position: top center;}

a:hover {
text-decoration: none !important;
}
a { text-decoration: none;}
a:link { text-decoration: none; }

/*--- code et citation ---*/
.code div{
    max-height: 200px;
    overflow-y: auto;
    background-color: transparent;
   border: 2px ridge orange;
   padding: 3px;
   -moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.code {
background-color: transparent;
border: 1px dotted orange;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;}

.quote {
background-color: transparent;
border: 1px dotted orange;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 7px;}

/*--- fin code et citation ---*/

tr.post span.gensmall { display: none; }

tr.post td {padding-left: 20px;
padding-right: 20px;}

blink {
          visibility: expression((function(){
          if (!window.IEBlink) {
          window.IEBlink = "visible";
          setInterval(function() {
          window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
          var blinks = document.getElementsByTagName("blink");
          for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
          }, 500)
          }
          return "";
          })());
        }

/*--- titre class ---*/
.titre {
font-family: comic sans ms, serif;
font-size: 100%;
border: 1px ridge orange;
-moz-border-radius: 4px;
text-align: center;
word-spacing: 5px;
margin: 5px;
}

.titre:hover {
font-family: comic sans ms, serif;
font-size: 100%;
background-color: #503800;
border: 1px ridge #f8df00;
-moz-border-radius: 4px;
text-align: center;
word-spacing: 5px;
margin: 5px;
text-shadow: #ff8f20 1px 1px 2px;
}

/*--- fin titre class ---*/
/*--- description class ---*/
.title {
font-family: comic sans ms, serif;
font-size: 90%;
border: 1px dotted #985b00;
text-align: center;
-moz-border-radius: 4px;
}
/*--- fin description class ---*/

.footer{
text-align: center;
vertical-align: middle;
font-size: 7px;
font-family: comic sans ms,arial,sans-serif;
}

/* CSS pour staff */

.tstaff{
font-size:1em;
}

.staff{
position: relative;
border: 1px ridge orange;
-moz-border-radius: 10px;
z-index: 0;
}

.staff:hover{
background-color: transparent;
z-index: 999;
}

.staff span{
position: absolute;
background-color: #503800;
padding: 5px;
border: 1px dotted orange;
-moz-border-radius: 5px;
visibility: hidden;
}

.staff span img{
border: 2px ridge orange;
-moz-border-radius: 3px;
margin: 2px;
}

.staff:hover span{
visibility: visible;
top: 100%;
left: 0px;
width: 160px
}
/* Fin css pour staff */

/* Caution*/
.caution {
height: auto;
font-family: comic sans ms, serif;
border: 1px ridge #f86f00;
background-color: #ffd350;
background-image: url('http://img691.imageshack.us/img691/522/attentions.png');
background-repeat: no-repeat !important;
background-position: left !important;
text-align: center !important;
}

/* Tableau accueil*/

.cadre {
border-top: 1px solid #orange;
border-bottom: 1px solid orange;
border-right: 5px solid orange;
border-left: 5px solid orange;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
background-color: transparent;
padding-left: 20px;
padding-right: 20px;}

.copy {
font-size: 9px;
color: orange;}
/* fin tableau accueil*/

/*--------Recrutement---------- */
.cadre1{
background-color: #FFFFFF;
border: 3px orange ridge;
-moz-border-radius : 6px 6px 6px 6px;
height:20px;
width:100%;
padding-right:8px;
padding-left:8px;
padding-bottom:3px;
padding-top: 3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;
}

.bord {
background-color: transparent;
border: 5px #904f00 double;
-moz-border-radius : 9px 80px 9px 80px;
margin: 5px;}
/*------ FIN Recrutement------- */

/*------CONTOUR AVATAR-----*/
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px ridge orange;
}
/*------FIN CONTOUR AVATAR-----*/

/*------zone txt arrondi----------------*/

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
border: ridge
}

/*---------fin zone txt arrondi---------*/

/*----------QEEL--------------------*/
.statistiques{
border:3px orange ridge;
-moz-border-radius: 10px 30px 10px 30px;
height:300px;}

.groupes{
background-color:transparent;border: 2px orange ridge;
margin-top: 5px;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:12px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.barre1 {
border-bottom: 1px dotted #583400;
border-right: 1px dotted #583400;
border-left: 1px dotted #583400;
border-top: none;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
color: orange;
padding: 3px;}

.barre1:link {
border-bottom: 2px ridge #784800;
border-right: 2px ridge #784800;
border-left: 2px ridge #784800;
border-top: none;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
color: orange;
padding: 3px;}

.barre1:hover {
border-bottom: 2px ridge orange;
border-right: 2px ridge orange;
border-left: 2px ridge orange;
border-top: none;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
color: #784800;
text-shadow: orange 1px 1px 2px;
padding: 3px;}

/*----------FIN QEEL-----------------*/

template view_topic body d'origine Smile
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyLun 15 Mar 2010, 11:31
Revenir en haut Aller en bas
Invité
Invité




Contour autour de l'avatar (messages) - Page 3 Empty
Mmm...
Montre moi tout de même ton template on ne sait jamais. Sinon je ne vois pas d'où ça vient ><
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyMer 17 Mar 2010, 16:57
Revenir en haut Aller en bas
http://Maxii-pubs.forumactif.com
kalyon
{ Membre }
{ Membre }

Masculin Messages : 156



Contour autour de l'avatar (messages) - Page 3 Empty
sa peu pas venir du template, c'est imposible x)
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyMer 17 Mar 2010, 18:15
Revenir en haut Aller en bas
Invité
Invité




Contour autour de l'avatar (messages) - Page 3 Empty
Ça marche! Un grand merci Very Happy
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyMer 17 Mar 2010, 21:22
Revenir en haut Aller en bas
http://lcdp.grafbb.com/
Feng Huang
Feng Huang
{ Membre }
{ Membre }

Féminin Messages : 17



Contour autour de l'avatar (messages) - Page 3 Empty
Hello Smile

J'ai eu le même problème que Kalyon sur le coup... puis je passé de la version Invision à phpBB2 et c'était bon (j'ai testé les autres et ça ne marchait pas non plus >.<)
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptySam 20 Mar 2010, 19:31
Revenir en haut Aller en bas
http://lcdp.grafbb.com/
Feng Huang
Feng Huang
{ Membre }
{ Membre }

Féminin Messages : 17



Contour autour de l'avatar (messages) - Page 3 Empty
Feng Huang a écrit:
Hello Smile

J'ai eu le même problème que Kalyon sur le coup... puis je suis passée de la version Invision à phpBB2 et c'était bon (j'ai testé les autres et ça ne marchait pas non plus >.<)
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptySam 20 Mar 2010, 19:32
Revenir en haut Aller en bas
http://TSLS.forum-actif.net
Kré
{ Membre }
{ Membre }

Féminin Messages : 4



Contour autour de l'avatar (messages) - Page 3 Empty
merci pour ce tuto Smile
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptySam 20 Mar 2010, 20:52
Revenir en haut Aller en bas
http://Maxii-pubs.forumactif.com
kalyon
{ Membre }
{ Membre }

Masculin Messages : 156



Contour autour de l'avatar (messages) - Page 3 Empty
merci Feng Huang !

j'ai peur de changer, j'ai peur que le fait de changer ne conserve pas mes templates modifier :/

Je les enregistrerais et je ferais ce que tu dit, merci Smile
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptySam 20 Mar 2010, 20:57
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Contour autour de l'avatar (messages) - Page 3 Empty
Normalement, les Invisions n'acceptent pas la modification des templates, donc si tu étais sur Invision, tu ne peux avoir de templates modifiés
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptySam 20 Mar 2010, 21:11
Revenir en haut Aller en bas
http://Maxii-pubs.forumactif.com
kalyon
{ Membre }
{ Membre }

Masculin Messages : 156



Contour autour de l'avatar (messages) - Page 3 Empty
je pense quelle a voulu dire, phpbb2 -> invision -> phpbb2


en gros je change ma version quelque instant, et je remet normal Smile
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyDim 21 Mar 2010, 06:35
Revenir en haut Aller en bas
http://solemnyswear@forumactif.com
Baël Henzel
Baël Henzel
{ Membre }
{ Membre }

Féminin Messages : 56



Contour autour de l'avatar (messages) - Page 3 Empty
Ce code ne fonctionne pas chez moi. Peut-être ai-je mal fait le tutoriel? Est-il possible qu'il marche avec mon template modifié pour cacher la fiche de personnage?
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyDim 04 Avr 2010, 07:32
Revenir en haut Aller en bas
http://street-graph.forumsactifs.com/forum.htm
Always
{ Membre }
{ Membre }

Féminin Messages : 17



Contour autour de l'avatar (messages) - Page 3 Empty
Merci pour le tuto Smile
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyDim 04 Avr 2010, 09:01
Revenir en haut Aller en bas
http://www.sadismus.keuf.net
Armie
Armie
{ Membre actif }
{ Membre actif }

Féminin Messages : 455



Contour autour de l'avatar (messages) - Page 3 Empty
C'est super Smile
Je viens de le faire sur mon forum.

Merci pour ce tuto.
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyDim 04 Avr 2010, 09:06
Revenir en haut Aller en bas
http://vipuniv.forumactif.com/index.htm
mikkichigo
{ Membre }
{ Membre }

Féminin Messages : 12



Contour autour de l'avatar (messages) - Page 3 Empty
Serait-il possible de faire ce contour en pointillé ?
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyMer 07 Avr 2010, 20:40
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Contour autour de l'avatar (messages) - Page 3 Empty
Oui, il faut simplement modifier ceci:
Code:
border: 5px solid #COULEUR DU CONTOUR;
Par:
Code:
border: 5px dashed #COULEUR DU CONTOUR;
Pour des tirets, ou bien:
Code:
border: 5px dotted #COULEUR DU CONTOUR;
Pour des pointillés. À noter que le 5px est changeable pour n'importe laquelle valeur~
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyMer 07 Avr 2010, 22:17
Revenir en haut Aller en bas
http://vipuniv.forumactif.com/index.htm
mikkichigo
{ Membre }
{ Membre }

Féminin Messages : 12



Contour autour de l'avatar (messages) - Page 3 Empty
Génial ! Merci beaucoup ^^
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyJeu 08 Avr 2010, 09:13
Revenir en haut Aller en bas
Emi'
{ Membre }
{ Membre }

Féminin Messages : 2



Contour autour de l'avatar (messages) - Page 3 Empty
Merci pour le tuto
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyLun 12 Avr 2010, 09:35
Revenir en haut Aller en bas
Invité
Invité




Contour autour de l'avatar (messages) - Page 3 Empty
Merci pour ce tuto, ça aide toujours Very Happy
Question idiote mais je la pose quant même Rolling Eyes On peut faire un double contour ? Je suis désolée, j'ai pas d'exemple mais je pense que ça peut faire simpa...donc Siffle
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyLun 12 Avr 2010, 12:48
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Contour autour de l'avatar (messages) - Page 3 Empty
Vous voulez dire comme ceci ?



Si oui il suffit d'utiliser "double" à la place de "solid", sinon il y a une manière plus compliquée mais plus jolie de le faire. Smile
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyLun 12 Avr 2010, 13:13
Revenir en haut Aller en bas
http://tearsofthephoenix.forumactif.com/
©Insomnia
©Insomnia
♦ P'tit Chaperon Vert ♦{.Sadique Reine des Loups.}
♦ P'tit Chaperon Vert ♦
{.Sadique Reine des Loups.}

Féminin Messages : 466



Contour autour de l'avatar (messages) - Page 3 Empty
U L I X E S ♪ a écrit:
J'ai visité son forum et j'ai vu le problème. En fait, elle a modifié l'une des tempales pour faire en sorte à ce que l'avatar soit en haut du pseudo ect. Donc c'est pour cela que ça ne marche pas.

Il est donc impossible d'avoir un cadre autout de l'avatar à partir du moment ou l'on a modifié le template pour que l'avatar soit au dessus du nom d'utilisateur et du rang ?
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyMer 14 Avr 2010, 08:32
Revenir en haut Aller en bas
http://Akumu-no-Sekai.1fr1.net
Amiki
Amiki
{ Membre }
{ Membre }

Féminin Messages : 7



Contour autour de l'avatar (messages) - Page 3 Empty
Hum, moi j'ai réussi à en rajouter un, tout en aillant modifier le template, mais ce n'est pas le même code que celui là =X
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyMer 14 Avr 2010, 08:49
Revenir en haut Aller en bas
Invité
Invité




Contour autour de l'avatar (messages) - Page 3 Empty
Basil Hawkins a écrit:
Vous voulez dire comme ceci ?



Si oui il suffit d'utiliser "double" à la place de "solid", sinon il y a une manière plus compliquée mais plus jolie de le faire. Smile

Merci, mais on peut mettre par exemple deux couleurs ?(parce que il y a deux contour, un contour de chaque couleur). ?
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyVen 16 Avr 2010, 21:01
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Contour autour de l'avatar (messages) - Page 3 Empty
Alors là justement on va avoir besoin de modifier les templates Wink

Juste une question, as-tu déjà modifié ton template "viewtopic_body" ? Si oui, donne-le moi que je te le modifie Wink
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptySam 17 Avr 2010, 05:05
Revenir en haut Aller en bas
http://graph-kawaii.forumactif.biz/
.M a i K Ø__*
.M a i K Ø__*
{ Membre }
{ Membre }

Féminin Messages : 58



Contour autour de l'avatar (messages) - Page 3 Empty
    Alors je répond si on modifie le template viewtopic_body
    Le code ne marchera plus !!
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptySam 17 Avr 2010, 19:30
Revenir en haut Aller en bas
http://o-m-f-t.forum-canada.net/
Thryna
Thryna
{ Membre }
{ Membre }

Féminin Messages : 84



Contour autour de l'avatar (messages) - Page 3 Empty
Bonjour et merci pour ce tuto !

alors voilà j'ai fait "rechercher" mais je ne trouves pas ce que je cherches (peut-être que je cherches pas comme il se doit xD)

J'aime avoir le contour blanc autour d'une image comme ceci :
Spoiler:

Mais j'obtiens ceci : (le cadre mis en noir)
Spoiler:

mon code CSS pour cette parti : (le nom est a changer, c'est un test)
Spoiler:

Merci d'avance !! =)
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 EmptyMer 21 Avr 2010, 13:12
Revenir en haut Aller en bas
Contenu sponsorisé




Contour autour de l'avatar (messages) - Page 3 Empty
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 3 Empty
Revenir en haut Aller en bas
 

Contour autour de l'avatar (messages)

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

 Sujets similaires

-
» Cadre autour du code (messages)
» Cadre autour du fond du forum (messages)
» Peut-on mettre un contour autour d'une police ?
» Les petits contour autour des groupes dans le QEEL
» Mettre un contour au profil et/ou à l'avatar (messages)

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