Partagez
Voir le sujet précédentAller en basVoir le sujet suivant
avatar
Robin
Logiciels : Gimp - Notepad
Disponible : Oui
Rappel : Sauf mentions contraires, toutes mes créations sont placées sous Creative Commons.
Pour de plus amples informations, référez-vous aux Conditions Générales d'Utilisation.
http://libre-service.conceptforum.nethttps://www.facebook.com/robin.parady.1https://twitter.com/Paradyr

Pages d'accueil

le Sam 30 Juil - 16:04
Notice d'Utilisation
Où et comment utiliser mes créations
Avec Forumactif :

Il vous faut copier le code HTML ici : Affichage > Page d'accueil > Généralités

Le code CSS est à placer dans Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

N'oubliez pas de laisser les crédits en place lorsqu'ils sont présents. Ils ne prennent pas de place, sont discrets et me permettent de me faire connaître. Vous n'effaceriez pas la signature d'un peintre sur un tableau, n'est-ce-pas ?
Tous droits réservés | par Robin | http://libre-service.conceptforum.net
Parcourir ce site et en utiliser les ressources proposées implique le respect des conditions imposées.


Dernière édition par Robin le Dim 31 Juil - 19:08, édité 12 fois
avatar
Robin
Logiciels : Gimp - Notepad
Disponible : Oui
Rappel : Sauf mentions contraires, toutes mes créations sont placées sous Creative Commons.
Pour de plus amples informations, référez-vous aux Conditions Générales d'Utilisation.
http://libre-service.conceptforum.nethttps://www.facebook.com/robin.parady.1https://twitter.com/Paradyr

Re: Pages d'accueil

le Dim 31 Juil - 8:12


CODE HTML :
Code:
<div class="PA_titre">
                               
 <center>
                VOTRE TITRE DE BIENVENUE               
 </center>
</div>
<table border="0" cellpadding="0" cellspacing="10">
                                 
 <tbody>
                               
 <tr>
                                 
 <td>
                               
<div class="PA_gauche">
      <!-- TEXTE DE GAUCHE -->  Montius nos tumore inusitato quodam et novo ut rebellis et maiestati recalcitrantes Augustae per haec quae strepit incusat iratus nimirum quod contumacem praefectum, quid rerum ordo postulat ignorare dissimulantem formidine tenus iusserim custodiri. Oportunum est, ut arbitror, explanare nunc causam, quae ad exitium praecipitem Aginatium inpulit iam inde a priscis maioribus nobilem, ut locuta est pertinacior fama. nec enim super hoc ulla documentorum rata est fides. Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.                 
 </div>
                               
 </td>
                                 
 <td>
                               
 <!-- IMAGE CENTRALE --><div class="PA_img">
  <!-- CREDITS NE PAS TOUCHER --><a class="PUFF" href="http://libre-service.conceptforum.net/" target="blank"><img src="http://i35.servimg.com/u/f35/17/86/53/72/pufls_11.jpg" /></a>                               
 </div>
                               
 </td>
                                 
 <td>
                               
 <div class="PA_droite">
              <!-- TEXTE DE DROITE -->  Montius nos tumore inusitato quodam et novo ut rebellis et maiestati recalcitrantes Augustae per haec quae strepit incusat iratus nimirum quod contumacem praefectum, quid rerum ordo postulat ignorare dissimulantem formidine tenus iusserim custodiri. Oportunum est, ut arbitror, explanare nunc causam, quae ad exitium praecipitem Aginatium inpulit iam inde a priscis maioribus nobilem, ut locuta est pertinacior fama. nec enim super hoc ulla documentorum rata est fides. Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.                 
 </div>
                               
 </td>
                               
 </tr>
                               
 </tbody>
</table>

CODE CSS : (Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS)
Code:
/* MISE EN FORME DE LA PAGE D'ACCUEIL par ROBIN | http://libre-service.conceptforum.net */

.PA_titre{font-family:times new roman;font-size:35px;margin-bottom:-7px;text-shadow:0 0 1px #000;text-transform:uppercase;z-index:2}#spec .row1,#spec_1 .row1{background:none!important}

.PA_img{-moz-transition:1s all;-ms-transition:1s all;-o-transition:1s all;-webkit-transition:1s all;background-image:url(http://i33.servimg.com/u/f33/17/72/86/27/imagep10.png);background-position:center center;background-repeat:no-repeat;border-radius:4px;box-shadow:0 0 2px #000;height:250px;margin-bottom:20px;opacity:.7;transition:1s all;width:500px;z-index:0}
.PA_img:hover{opacity:1} /* 0= invisible; 1= sans transparence */

.PA_droite{overflow: auto;-moz-transition:1s all;-ms-transition:1s all;-o-transition:1s all;background-color:#FFFFFF;-webkit-transition:1s all;border-radius:4px;box-shadow:0 0 2px #000;height:250px;margin-bottom:20px;opacity:.7;transition:1s all;width:200px;z-index:0}
.PA_droite:hover{opacity:1}/* 0= invisible; 1= sans transparence */

.PA_gauche{overflow: auto;-moz-transition:1s all;-ms-transition:1s all;-o-transition:1s all;background-color:#FFFFFF;-webkit-transition:1s all;border-radius:4px;box-shadow:0 0 2px #000;height:250px;margin-bottom:20px;opacity:.7;transition:1s all;width:200px;z-index:0}
.PA_gauche:hover{opacity:1}

.PA_footer{overflow: auto;-moz-transition:1s all;-ms-transition:1s all;-o-transition:1s all;background-color:#FFFFFF;-webkit-transition:1s all;border-radius:4px;box-shadow:0 0 2px #000;height:100px;margin-bottom:20px;transition:1s all;width:650px;z-index:0}
.PA_footer:hover{opacity:1}/* 0= invisible; 1= sans transparence */

.PUFF {
    position: absolute;
    margin-left: 200px;
    margin-top: 240px;
  opacity: 50;
transition: all 0.10s;
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:25px;
    height:25px;
}
.PUFF:hover {
opacity: 100; 
}


/* FIN DE LA MISE EN FORME DE LA PAGE D'ACCUEIL */

Bon à savoir :Le fond beige (#F7EEE4) est celui de mon propre forum. Il sera remplacé par celui de votre forum lorsque vous l'aurez installé.
Voir le sujet précédentRevenir en hautVoir le sujet suivant
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum