AccueilFAQRechercherS'enregistrerConnexion

Partagez | 
 

 [résolu]Lilly fait sa demande de page d'acceuil

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


MessageSujet: [résolu]Lilly fait sa demande de page d'acceuil   Jeu 3 Mar - 22:07

Bonsoir,


Nature de la création : Page d'accueil
Couleur de fond : Rouge/Rose pale (comme le forum,je voudrais la même couleurs)
Texte à insérer : le thème du forum / les nouveautés / les liens utiles / le staff / les partenaires / les recrutements
Lien police à télécharger : Soit Comic Sans Ms ou une autre qui suit bien avec la mise en page & le forum.
Couleur police : Blanc
Lieux de la création mise : Petit Nid Douillet
Exemple de codages : /
Commentaire(s) en plus :

Spoiler:
 

L'image sous spoiler, serait ce que je voudrais en gros. J'aimerai aussi que chaque catégorie a un cadre autour, d'une couleurs qui suit. J'aimerai également le modifier moi-même sans que je me perds dans les codes ...

Si quelqu'un prend ma commande, je mettrais tous les liens pour pouvoir la réaliser.

Merci
Cordialement, Lilly
Revenir en haut Aller en bas
富士山
Membre
avatar

Masculin
♣ Messages : 48
♣ Date d'inscription : 26/03/2010
♣ Age : 24
♣ Localisation : Au Japon

MessageSujet: Re: [résolu]Lilly fait sa demande de page d'acceuil   Ven 4 Mar - 9:15

Salut Lilly je veux bien prendre ta commande Smile

C'est sympa pour l'image dans le spoiler ça va bien faciliter la tâche. Sur ce, j'attends les liens et je te fait ça le plus vite possible.




Dernière édition par 富士山 le Ven 4 Mar - 12:55, édité 1 fois
Revenir en haut Aller en bas
http://ja.wikipedia.org/wiki/%E5%AF%8C%E5%A3%AB%E5%B1%B1
Invité
Invité
avatar


MessageSujet: Re: [résolu]Lilly fait sa demande de page d'acceuil   Ven 4 Mar - 12:45

Coucou ^^

Merci de prendre ma commande ! Et oui, je trouve aussi comme ça tu vois ce que je veux & toi tu as les données pour mieux répondre à ma demande !

Là, je passe en coup de vent, je te met les liens en fin d'aprem' ou ce soir !

Cordialement, Lilly

ÉDIT : Voilà les liens :


le thème du forum:
 

les nouveautés:
 

les liens utiles:
 

le staff:
 

partenaires:
 

recrutements:
 
Revenir en haut Aller en bas
富士山
Membre
avatar

Masculin
♣ Messages : 48
♣ Date d'inscription : 26/03/2010
♣ Age : 24
♣ Localisation : Au Japon

MessageSujet: Re: [résolu]Lilly fait sa demande de page d'acceuil   Ven 4 Mar - 22:19

Voila Lilly j'ai fini. Comme je savais pas si tu voulais que ça défile tout seul ou avec des barres je t'ai fait 2 pages pour que tu puisses voir
Voila les aperçus :

avec les barres : Clic

et sans : Clic

j’espère que ça te plaira


Revenir en haut Aller en bas
http://ja.wikipedia.org/wiki/%E5%AF%8C%E5%A3%AB%E5%B1%B1
Invité
Invité
avatar


MessageSujet: Re: [résolu]Lilly fait sa demande de page d'acceuil   Sam 5 Mar - 19:30

C'est super merci !!

Bon je vais faire ma chiante xD

Je voudrais la deuxième version (sans les barres) sauf pour le thème du forum, je voudrais qu'il y a une barre, c'est possible ?

Et c'est génial, un grand merci !!
Revenir en haut Aller en bas
富士山
Membre
avatar

Masculin
♣ Messages : 48
♣ Date d'inscription : 26/03/2010
♣ Age : 24
♣ Localisation : Au Japon

MessageSujet: Re: [résolu]Lilly fait sa demande de page d'acceuil   Sam 5 Mar - 19:55

Oui oui ne t'inquiète pas c'est possible ^^
Je te fais ça, j'aère le fouillis du code et je te l'envoie


Revenir en haut Aller en bas
http://ja.wikipedia.org/wiki/%E5%AF%8C%E5%A3%AB%E5%B1%B1
Invité
Invité
avatar


MessageSujet: Re: [résolu]Lilly fait sa demande de page d'acceuil   Sam 5 Mar - 20:00

Super, merci !!
Revenir en haut Aller en bas
富士山
Membre
avatar

Masculin
♣ Messages : 48
♣ Date d'inscription : 26/03/2010
♣ Age : 24
♣ Localisation : Au Japon

MessageSujet: Re: [résolu]Lilly fait sa demande de page d'acceuil   Dim 6 Mar - 12:45


Voila c'est fait !

voila la première partie a mettre dans affichage -> images et couleurs -> couleurs -> feuille de style css :

Code:

#page_accueil  /* Parametres de la page d'accueil */
{
   margin: auto;            /* Positionnement par rapport aux autres blocks */
   vertical-align: top;      /* Alignement vertical des éléments du tableau (top, center, bottom) */
   height: 605px;            /* hauteur */
   border: 1px solid white;
   width: 915px;              /* largeur */
   font-family: "Comic Sans Ms";
   font-size: 14px;         /* taille des caractères */
   text-align: center;
   background-color: #E3A1A1; /* couleur de fond */
   color: white;           /* couleur du texte */
}

#page_accueil a              /* liens dans la page d'accueil */
{
   text-decoration: none;
   color: #D93434;
}

#page_accueil a:hover          /* liens lors du passage de la souris */
{
   color: white;
   text-decoration: underline;
}


#theme, #nouveautes, #staff, #liens, #partenaires, #recrutements /* bordures de toutes les cases de contenu */
{
   border-bottom: 2px #E38D8D solid;
   border-left: 2px #E38D8D solid;
   border-right: 2px #E38D8D solid;   
}

#theme p
{
   text-align: justify;
   width: 458px;
   height: 150px;
   overflow: auto;         /* barre de défilement */
   margin: 0px;
   padding: 10px;         /* espace entre le block et le texte */
}

#theme
{
   width: 458px;
}

#nouveautes p
{
   overflow: hidden;
   height: 150px;
   font-size: 16px;
}

#staff span img               /* transparence des images du staff */
{
   opacity : 0.5;
    filter : alpha(opacity=50); /* IE  7 et moins */
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
   text-align: center;
}

#staff span span            /* bulle profil/mp */
{
   position: fixed;
   display: none;
   width: 75px;
}

#staff span:hover, #staff span span, #staff span:hover img  /* lors du passage sur un membre du staff */
{
   opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter : alpha(opacity=100);
   font-family: "Comic Sans Ms";
}

#staff span:hover span, #staff span span:hover
{
   border: 1px solid #E38D8D;
   background-color: #E3A1A1;
}

#partenaires
{
   width: 457px;
}

#partenaires p img
{
   margin: 3px;
}

#partenaires a img
{
   border: 0px;
}

#partenaires p
{   
   width: 450px;
   height: 65px;
   overflow-x: hidden;
   overflow-y: hidden;
   white-space:nowrap;  /* pas de retour a la ligne */
}

#recrutements
{
   text-align: left;
}

#recrutements p
{
   margin-left: 30px;  /* espace entre le block et la cellule à gauche */
   height: 125px;
   overflow: hidden;
}

.en_tete_gauche, .en_tete_droit
{
   height: 22px;
   background-image: url('http://i27.servimg.com/u/f27/15/87/96/75/bandel10.png');
   margin-top: 15px;
   border-spacing: 2px;  /* espace entre les cellules du tableau */
}

.en_tete_gauche
{
   border-top: 2px #E38D8D solid;
   border-left: 2px #E38D8D solid;
   border-right: 2px #E38D8D solid;
}

.en_tete_droit
{
   border-top: 2px #E38D8D solid;
   border-right: 2px #E38D8D solid;
   border-left: 2px #E38D8D solid;
}

/* pour faire des fantaisies sur le texte : */

.gras
{
   font-weight: bold;
}

.italique
{
   font-style: italic;
}

.admin
{
   color: #B016E3;
}

.modo
{
   color: #007A99;
}

.membre
{
   color: #00856F;
}

.grapheur
{
   color: #1E34BD;
}

.graphiste
{
   color: #6F00D6;
}

.litteraire
{
   color: #D512FC;
}

.cineaste
{
   color: #3CA822;
}

.prof
{
   color: #5BC1F0;
}

.anim
{
   color: #EB7A17;
}

et le html à mettre dans affichage -> page d'accueil -> généralités

Code:


<!-- Si tu veux ajouter du contenu, va tout en bas :) -->

<!-- Script pour l'apparition
   de la bulle d'info du staff -->
   
<script type="text/javascript">
<!--
var ecart_haut = 0;
var ecart_gauche = 0;
var iVal = 0;
function GetDomOffset( Obj, Prop ) {
    iVal = 0;
   while (Obj && Obj.tagName != 'BODY') {
      eval('iVal += Obj.' + Prop + ';');
      Obj = Obj.offsetParent;
   }
   return iVal;
}


function bulle(selection)
{   
   
   if (document.getElementById(selection).style.display != "inline")
      {
      document.getElementById(selection).style.display = "inline";
   document.getElementById(selection).style.position = "absolute";selection = selection.substr(1);
   ecart_haut = GetDomOffset( document.getElementById(selection), 'offsetTop') +13;
   ecart_gauche = GetDomOffset( document.getElementById(selection), 'offsetLeft') + 14;
   selection = "x" + selection;
   document.getElementById(selection).style.top = ecart_haut + "px";
   document.getElementById(selection).style.left = ecart_gauche + "px";
   }
}

function byebye(selection)
{
   document.getElementById(selection).style.display = "none";
}
-->
</script>

<!-- ~~~~~~~~~~~~~~~~~~~
~~~~~Page d'accueil~~~~~
~~~~~~~~~~~~~~~~~~~~ -->

<table id="page_accueil">
<tr> <!-- Première ligne du tableau : En-têtes -->

<td class="en_tete_gauche">
Le Thème du forum  <!-- Premier en-tête -->
</td>

<td class="en_tete_droit">
Les nouveautés <!-- Deuxième en-tête -->
</td>

</tr>      
<!-- Fin de la ligne en-tête -->



<!-- Deuxième ligne du tableau : le contenu (le theme - les nouveautes) -->
<tr class="contenu">



<!-- ~~~~~~~~~~~~~~~~~~~
~~~~~Theme du forum~~~~~
~~~~~~~~~~~~~~~~~~~~ -->
<td id="theme">
<p>

<!-- Début contenu (on peut rajouter du texte à partir de là) -->
Petit Nid Douillet est un forum de Graphisme tout d’abord.

On peut y prendre des cours si on veut s’améliorer en graphisme ou bien être professeurs si on a un bon niveau en graphisme & qu’on aime aider les autres.

Sur PND, il y a également des tutoriels sur divers logiciels (pour le moment GIMP & Photofiltre).

Il y a un ensemble entre les diverses personnes du fofo pour pouvoir progresser !



Même si on n’aime pas le graphisme ou que ce n’est pas votre spécialité, il y a également une partie littéraire. C’est où, que vous pouvez écrire vos textes, avoir de l’aide, des conseils …



Il y aura aussi bientôt, un journal !!



Il y a aussi une partie divertissement avec divers jeux & concours de graphisme & de littérature.



Des recrutements sont ouverts pour rendre le forum pour divertissant !!

Mélanger deux mondes différents, le graphisme & la littérature pour en faire qu'un !!



Alors on attend plus que toi !!

Inscris-toi & rejoins notre communauté !!



Soit juste un simple membre ou soit fais partie du staff
<!--Fin du contenu (on ne rajoute rien après) -->

</p>
</td>


<!-- ~~~~~~~~~~~~~~~
~~~~~Nouveautés~~~~~
~~~~~~~~~~~~~~~~~-->

<td id="nouveautes">
<p>
<marquee direction="up" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();">

<!-- Début contenu -->
21/02 : Les groupes sont mis en place !<br/>
<br/>
26/02 : Concours entre partenaires !

<br/>
27/02 : Mise en place du nouveau design & nouveau template.<br/>
<!-- Fin contenu -->

</marquee>
</p>
</td>
</tr>
<!-- Fin de la deuxième ligne du tableau -->



<!-- Troisième ligne : les en-têtes suivants -->
<tr>


<td class="en_tete_gauche">
Les liens utiles         <!-- Premier en-tête -->
</td>

<td class="en_tete_droit">
Le staff               <!-- Deuxième en-tête -->
</td>

</tr>
<!-- Fin de la troisième ligne -->



<!-- Quatrième ligne : le contenu (les liens - le staff) -->
<tr class="contenu">



<!-- ~~~~~~~~~~~~~~
~~~~~Les liens~~~~~
~~~~~~~~~~~~~~~~-->

<td id="liens">
<p>

<!-- Début du contenu -->
<a href="http://petit-nid-douillet.forumgratuit.org/t2-le-reglement"> Règlement</a>

<a href="http://petit-nid-douillet.forumgratuit.org/f4-presentation"> Présentation</a>

<a href="http://petit-nid-douillet.forumgratuit.org/f3-l-actualite"> Actualité</a>

<a href="http://petit-nid-douillet.forumgratuit.org/f23-recrutement"> Recrutements</a>

<a href="http://petit-nid-douillet.forumgratuit.org/f18-partenariat"> Partenariat</a>

<a href="http://petit-nid-douillet.forumgratuit.org/f25-publicite"> Publicité</a>

<a href="http://petit-nid-douillet.forumgratuit.org/f8-absences"> Absences</a>

<!-- Fin du contenu -->

</p>
</td>



<!-- ~~~~~~~~~~~~~~~
~~~~~Le staff~~~~~~~
~~~~~~~~~~~~~~~~~-->

<td id="staff">

<!--Début du contenu -->
<span id="admin" onmouseover="bulle('xadmin');" onmouseout="byebye('xadmin');">
<img src="http://i67.servimg.com/u/f67/15/87/96/75/admin_10.png" />
<span id="xadmin">
<a href="http://petit-nid-douillet.forumgratuit.org/u1">Profil</a>


<a href="http://petit-nid-douillet.forumgratuit.org/privmsg?mode=post&u=1">
Pour me Mp
</a>
</span>
</span>

<span id="cine" onmouseover="bulle('xcine');" onmouseout="byebye('xcine');">
<img src="http://i67.servimg.com/u/f67/15/87/96/75/cineas10.png" />
<span id="xcine">
<a href="http://petit-nid-douillet.forumgratuit.org/u3">
Profil
</a>


<a href="http://petit-nid-douillet.forumgratuit.org/privmsg?mode=post&u=3">
Pour le Mp
</a>
</span>
</span>
<!-- Fin du contenu -->

</td>
</tr>
<!-- Fin de la Quatrième ligne -->



<!--Cinquième ligne : encore des en-têtes ^^ -->
<tr>

<td class="en_tete_gauche">
Les partenaires      <!--Premier en-tête-->
</td>

<td class="en_tete_droit">
Les recrutements   <!--Deuxième en-tête-->
</td>

</tr>
<!-- Fin de la Cinquième ligne-->



<!--Sixième ligne : le contenu (partenaire - recrutements) : -->
<tr class="contenu">




<!-- ~~~~~~~~~~~~~~~~~~~~
~~~~~Les partenaires~~~~~
~~~~~~~~~~~~~~~~~~~~~~-->

<td id="partenaires">
<p>
<marquee scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">

<!-- Début du contenu -->
<a href="http://speak.forums-actifs.com/forum.htm">
<img src="http://photo.ma-bimbo.com/7/3481/moy/2784773.jpg" />
</a>


<a href="http://cute-graph.forumgratuit.org/forum">
<img src="http://i37.servimg.com/u/f37/15/37/57/42/sans_t55.jpg" />
</a>


<a href="http://atelier-virtuel.forumactif.com/index.htm">
<img src="http://i25.servimg.com/u/f25/14/05/46/84/templa10.png" />
</a>


<a href="http://secret-graph.hooxs.com/">
<img src="http://i62.servimg.com/u/f62/15/52/43/28/t411.jpg" />
</a>


<a href="http://twilight--story.forumactif.org">
<img src="http://i84.servimg.com/u/f84/12/34/02/53/bouton14.gif" />
</a>


<a href="http://stars-graph.hot-me.com/">
<img src="http://img35.imageshack.us/img35/8931/sa3.png" />
</a>

<a href="http://point-your-pen.superforum.fr/">
<img src="http://i86.servimg.com/u/f86/14/06/76/88/2ceq0r10.gif" />
</a>


<a href="http://eternal-dream-rpg.forums-actifs.com/">
<img src="http://i67.servimg.com/u/f67/15/87/96/75/templa11.png" />
</a>


<a href="http://melodie-powaa.forumactif.com/">
<img src="http://i79.servimg.com/u/f79/15/99/14/56/bouton11.gif" />
</a>
<!-- Fin du contenu -->

</marquee>
</p>
</td>



<!-- ~~~~~~~~~~~~~~~~~~~~~
~~~~~Les recrutements~~~~~
~~~~~~~~~~~~~~~~~~~~~~~-->

<td id="recrutements">
<p>
<marquee scrollamount="1" direction="up" onmouseover="this.stop();" onmouseout="this.start();">

<!-- Début du contenu -->
On recrute du personnel !!



¤ Grapheurs

¤ Littéraires

¤1 Graphiste (qui aidera pour la mise en page du forum)

¤ 1 Codeur

¤ Prof'

¤ Animateurs
<!-- Fin du contenu -->

</marquee>
</p>
</td>
</tr>

</table>


<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~Pour ajouter du contenu ~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

<!--
En général :
- Pour faire un retour à la ligne, on ajoute

- Pour un lien, on mettra <a href="http://adresse">La chose sur laquelle il faudra cliquer pour que le lien s'active</a>
- Une image : <img src="http://adresse" />
- Ecrire en gras : <span class="gras">blablabla</span>
- Ecrire en italique : <span class="italique"> blablabla </span>
- Mettre une couleur en fonction du rang : <span class="rang">blablabla</span>    les rangs sont : admin, modo, membre, grapheur, litteraire, graphiste, cineaste, prof et anim (il faut remplacer le "rang" par un de ceux la) :)

Ajouter un partenaire :

- mettre à la suite de ce qu'il y a déjà :
<a href="http://lien forum">
<img src="http://lien image" />
</a>


Ajouter un membre du staff :

- mettre à la suite :

<span id="quelquechose" onmouseover="bulle('xquelquechose');" onmouseout="byebye('xquelquechose');">
<img src="http://lien image" />
<span id="xquelquechose">
<a href="http://lien profil">
Profil
</a>


<a href="http://lien Mp">
Pour le Mp
</a>
</span>
</span>

- le "quelquechose" sera a remplacer (il ne faut pas enlever le "x")
- il doit être différent pour chaque membre

voilou ^-^

Fin -->

voila j'espère que ça fonctionnera bien, sinon appelle moi

P-S : j'adore trop ta bannière >.<


Revenir en haut Aller en bas
http://ja.wikipedia.org/wiki/%E5%AF%8C%E5%A3%AB%E5%B1%B1
Invité
Invité
avatar


MessageSujet: Re: [résolu]Lilly fait sa demande de page d'acceuil   Dim 6 Mar - 14:38

Merci beaucoup ^^

Tu es super & tu me sauves la vie xD. J'essaye & je te dis quoi !!!

Merci pour la bannière !!

ÉDIT : Merci pour les explications !

Par contre, les liens utiles, se mettent à la suite. Je voudrais qu'ils se mettent l'un en dessous de l'autre.
Idem pour les recrutements, merci ^^
Revenir en haut Aller en bas
富士山
Membre
avatar

Masculin
♣ Messages : 48
♣ Date d'inscription : 26/03/2010
♣ Age : 24
♣ Localisation : Au Japon

MessageSujet: Re: [résolu]Lilly fait sa demande de page d'acceuil   Dim 6 Mar - 15:23

hmmm le forum me supprime automatiquement mes retours à la ligne quand je les mets (meme dans "["code"]") Razz

du coup je t'ai fait une page où tu auras plus qu'a tout reselectionner le html (à mettre dans page d'accueil) :

Clic

voilou


Revenir en haut Aller en bas
http://ja.wikipedia.org/wiki/%E5%AF%8C%E5%A3%AB%E5%B1%B1
Invité
Invité
avatar


MessageSujet: Re: [résolu]Lilly fait sa demande de page d'acceuil   Dim 6 Mar - 15:30

C'est bon, merci !!

Tu es génial, j'aurais jamais réussi xD

Merci beaucoup !
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: [résolu]Lilly fait sa demande de page d'acceuil   

Revenir en haut Aller en bas
 
[résolu]Lilly fait sa demande de page d'acceuil
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Résolu] Probleme http://seeearch.com/ en page d'acceuil
» [Résolu] Searchqu.com/406 - problème de page d'acceuil sous windows 7
» [Annulée] Demande de page d'aceuil
» [Annulée] Demande une page HTML
» [résolu]probléme de lenteur et page de pub intenpestive !!!!

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
°♣ GraphX*Style ♣° :: 
Place Marchande
 :: Archives
-
Sauter vers: