Galerie .Cranberry
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

Partagez | 
 

 Une page d'accueil pour Mariiie

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Invité
Anonymous

Invité



Une page d'accueil pour Mariiie _
MessageSujet: Une page d'accueil pour Mariiie   Une page d'accueil pour Mariiie EmptyDim 9 Jan - 14:37

Hey tout le monde Smile
Je reviens avec une nouvelle commande Smile

Commandes de HTML/CSS


Type de codage : Page d'accueil
Plan du rendu souhaité : https://2img.net/r/ihimizer/img208/4581/modlepa.png
Couleurs & Images à utiliser : pour les couleurs j'aimerai le régler moi même donc faîte comme vous souhaitez Smile pour la partie staff et scénario >> https://2img.net/r/ihimizer/img413/3803/imgpastaff.png Je remplacerai moi même après Smile nous sommes 5 Smile après pour la partie scénario mettez la même image (a)
Code spéciaux à utiliser :
Code:
 Ici
Je ne connais pas les codes pour les infobulles et pour faire défiler :S
Adresse du forum ou sera utilisé le code fourni : http://los-angeles-city.forumactif.info

En fait j'aimerai le code de base et le CSS pour que après je puisse moi même remplir :S Donc voilà ... Merci d'avance à celui ou celle qui s'en occupera Embarassed
Si vous avez des questions n'hésitez surtout pas Smile
Revenir en haut Aller en bas
Invité
Anonymous

Invité



Une page d'accueil pour Mariiie _
MessageSujet: Re: Une page d'accueil pour Mariiie   Une page d'accueil pour Mariiie EmptyMer 12 Jan - 20:10

Gros up :$
Revenir en haut Aller en bas
Invité
Anonymous

Invité



Une page d'accueil pour Mariiie _
MessageSujet: Re: Une page d'accueil pour Mariiie   Une page d'accueil pour Mariiie EmptyLun 24 Jan - 14:44

Bonjour,
Je prends ta commande, excuse nous pour l'attente. Voilà ce que j'ai fais :

Spoiler:
Revenir en haut Aller en bas
Invité
Anonymous

Invité



Une page d'accueil pour Mariiie _
MessageSujet: Re: Une page d'accueil pour Mariiie   Une page d'accueil pour Mariiie EmptyLun 24 Jan - 18:02

J'aime beaucoup par contre ça sera pour un autre forum , http://live-in-paris.forumactif.com Smile
PARFAIT Very Happy
Revenir en haut Aller en bas
Invité
Anonymous

Invité



Une page d'accueil pour Mariiie _
MessageSujet: Re: Une page d'accueil pour Mariiie   Une page d'accueil pour Mariiie EmptyMar 25 Jan - 11:54

Super. Je te donne les codes. J'ai retiré toute les couleurs pour que tu puisse personnaliser.

Alors voilà le code à mettre dans Panneau d'administration -> Affichage -> Page d'accueil -> Généralités :

Code:
<div style= "-moz-border-radius:20px; border: 2px #couleur contour solid; padding: 5px; width:80%"><div class="titrepa">Staff</div><br>
<a class="info"><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"><span>texte info bulle</span></a>
<a class="info"><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"><span>texte info bulle</span></a>
<a class="info"><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"><span>texte info bulle</span></a>
<a class="info"><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"><span>texte info bulle</span></a>
<a class="info"><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"><span>texte info bulle</span></a>
</div>
<table width="80%">
  <tr>
  <td width="39%"><div style= "-moz-border-radius:20px; border: 2px #couleur contour solid; padding: 5px; height: 150px"><center><div class="titrepa">Partenaires</div><br>
<a href=""><img src="http://graphix-illusion.fr/templatesgi/templatenoirgraphixillusion.png"></a>
<a href=""><img src="http://graphix-illusion.fr/templatesgi/templatenoirgraphixillusion.png"></a><br>
<a href=""><img src="http://graphix-illusion.fr/templatesgi/templatenoirgraphixillusion.png"></a>
<a href=""><img src="http://graphix-illusion.fr/templatesgi/templatenoirgraphixillusion.png"></a><br>
<a href="">More ?</a> ▬ <a href=""> You </a></center></div>
  </td>
  <td width="2%"></td>
  <td width="39%"><div style= "-moz-border-radius:20px; border: 2px #couleur contour solid; padding: 5px; height: 150px"><center><div class="titrepa">Top Site</div><br>
<a href="lien vers top-site">Nom du lien</a>
<a href="lien vers top-site"><img src="image du lien"></a></div>
  </td>
  </tr>
  </table>
<table width="80%">
  <tr>
  <td width="39%">
 <div id="navigation" style="width:100%;">
      <a class="postlink" href="">Règlement</a>
      <a class="postlink" href="">Contexte</a>
      <a class="postlink" href="">Invités</a>
      <a class="postlink" href="">Avatars</a>
      <a class="postlink" href="">Scénarii</a>
      <a class="postlink" href="">Groupes</a></div></div><br><div style= "-moz-border-radius:20px; border: 2px #couleur contour solid; padding: 5px; height: 110px"><center><div class="titrepa">Scénarii</div>
 <marquee><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png">
<img src="http://img413.imageshack.us/img413/3803/imgpastaff.png">
<img src="http://img413.imageshack.us/img413/3803/imgpastaff.png">
<img src="http://img413.imageshack.us/img413/3803/imgpastaff.png">
<img src="http://img413.imageshack.us/img413/3803/imgpastaff.png">
<img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"></marquee>
  </td>
  <td width="2%"></td>
  <td width="39%"><div style= "-moz-border-radius:20px; border: 2px #couleur du contour solid; padding: 5px; height: 224px"><center><div class="titrepa">Annonces</div><br>
<marquee onmouseover="this.stop()" style="border: 1px double #couleur du contour; padding: 5px; width: 90%; height: 160px; background-color: #couleur de fond; " onmouseout="this.start()" scrollamount="1" scrolldelay="1" direction="up"><div align="justify"><span style="font-size: 9px; line-height: normal"><font color="#couleur de la police d'écriture">

Ecrire les actualités ici.



</font></span></div></marquee></div>
  </td>
  </tr>
  </table>

A mettre dans ton CSS :

Code:
 /*INFOBULLE*/

* {
  font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}
a.info {
  position: relative;
  color: #576186;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 0px; /* on positionne notre infobulle */
  left: 0px;

  background: #353535;

  color: #000000;
  padding: 3px;

  border: 3px solid #c5698b;
}

/*PAGE D'ACCUEIL*/

.titrepa{
font-family: police d'écriture des titres;
font-size: 26px;
color: #couleur des titres;
}

#navigation A:link, #navigation A:visited, #navigation A:active{
font-family: police d'écriture;
font-size: 10px;
text-align: center;
padding: 2px;
color: #couleur d'écriture;
background-color: #couleur de fond;
line-height: 12px;
display: block;
border-bottom: 1px solid #couleur de la ligne en dessous;
}

#navigation A:hover{
color: #couleur d'écriture quand on survole le lien;
background-color: #couleur de fond quand on survole le lien;
}

Je reste à ta disposition en cas de soucis. N'oublie pas le crédit.
Revenir en haut Aller en bas


Contenu sponsorisé



Une page d'accueil pour Mariiie _
MessageSujet: Re: Une page d'accueil pour Mariiie   Une page d'accueil pour Mariiie Empty

Revenir en haut Aller en bas
 

Une page d'accueil pour Mariiie

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Galerie .Cranberry :: Parlons peu, parlons codes :: Commandes.-
Sauter vers:  
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit | Informatique et Internet | Informatique et électronique