style 1 fait par scotty

Le design de city-games et l'affichage du style sur l'arcade
Répondre
Avatar du membre
scotty
Le Compagnon
Le Compagnon
En ligne : Non
Messages : 147
Enregistré le : 26 sept. 2011, 17:13
Joueur de Poker : non
Pseudo Winamax : aucun
Localisation : Troyes
Olympus Arcade : 0 Top 20 des joueurs de l arcade
Contact :
    unknown unknown

style 1 fait par scotty

Message non lu par scotty »

  • Statistiques
  • Stats Relax
  • Stats Poker/Aracde
je me suis amuser lol


[thumbnail]http://i53.tinypic.com/2nqe2bn.png[/thumbnail]

je te met les images défois que sa te plaise
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.


Avatar du membre
France rikku

1 er au jeu de la semaine Donateur 1
Le Passionné
Le Passionné
En ligne : Non
Messages : 792
Enregistré le : 13 janv. 2007, 15:39
Médailles : 2
Joueur de Poker : oui
Pseudo Winamax : 100 coeur
Localisation : Auriol
Genre :
Olympus Arcade : 0 Top 20 des joueurs de l arcade
Pays :
France (fr)
France
    unknown unknown

Re: style

Message non lu par France rikku »

  • Statistiques
  • Stats Relax
  • Stats Poker/Aracde

  • 1 er au jeu de la semaine Donateur 1
je te jure que quand je l ai vu j ai eu les larmes aux yeux :coeurs:


Avatar du membre
scotty
Le Compagnon
Le Compagnon
En ligne : Non
Messages : 147
Enregistré le : 26 sept. 2011, 17:13
Joueur de Poker : non
Pseudo Winamax : aucun
Localisation : Troyes
Olympus Arcade : 0 Top 20 des joueurs de l arcade
Contact :
    unknown unknown

Re: style

Message non lu par scotty »

  • Statistiques
  • Stats Relax
  • Stats Poker/Aracde
je vois que tu l'as adopter

envoie les images aussi dans les dossiers suivant

./theme/images

*postbox
*postprofilebox
*postprofilebox2


Avatar du membre
scotty
Le Compagnon
Le Compagnon
En ligne : Non
Messages : 147
Enregistré le : 26 sept. 2011, 17:13
Joueur de Poker : non
Pseudo Winamax : aucun
Localisation : Troyes
Olympus Arcade : 0 Top 20 des joueurs de l arcade
Contact :
    unknown unknown

Re: style 1 fait par scotty

Message non lu par scotty »

  • Statistiques
  • Stats Relax
  • Stats Poker/Aracde
créer une classe sans fish



envoyer dans thème/images le dossier sansfish

ouvrir borders.css

a la fin du fichier rajouter

Code : Tout sélectionner


/* Bordures Haut Categories sans fish ================================== */
.categories_haut_bloc_fish {
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    clear: both;
}
.categories_haut_fish {
    background-repeat: no-repeat;
    width: 100%;
    height: 50px;
    padding: 0px;
    margin: -50px 0px 0px 0px;
    text-align: center;
    clear: both;
}
.categories_haut-gauche_fish {
    background-image: url("{T_THEME_PATH}/images/sansfish/top-left.png");
    background-repeat: no-repeat;
    height: 50px;
    float: left;
    width: 50px;
    padding: 0px;
}
.categories_haut-centre_fish {
    background-image: url("{T_THEME_PATH}/images/sansfish/top-mid.png");
    height: 50px;
    margin:    0px 50px 0px 50px;
    width: auto;
    padding: 0px;
}
.categories_haut-droit_fish {
    background-image: url("{T_THEME_PATH}/images/sansfish/top-right.png");
    background-repeat: no-repeat;
    height: 50px;
    float: right;
    margin-top: -50px;
    width: 50px;
    padding: 0px;
}
/* ================================================================================ */
/* Bordures Laterales Categories sans fish================================== */
.categories_bordure_bloc_fish {
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    padding: 0px;
    width: 100%;
    min-height: 100%;
    height: 100%;
    clear: both;
}
.categories_bordure_gauche_fish {
    background-image: url("{T_THEME_PATH}/images/sansfish/border-left.png");
    background-repeat:   repeat-y;
    background-position: left;
}
.categories_bordure_droit_fish {
    background-image: url("{T_THEME_PATH}/images/sansfish/border-right.png");
    background-repeat:   repeat-y;
    background-position:right;
}
/* ================================================================================ */
/* Bordures Base Categories sans fish ================================== */
.categories_base_bloc_fish {
	margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    clear: both;
}
.categories_base_fish {
    background-repeat: no-repeat;
    width: 100%;
    height: 50px;
    padding: 0px;
    margin: -50px 0px 0px 0px;
    text-align: center;
    clear: both;
}
.categories_base-gauche_fish {
    background-image: url("{T_THEME_PATH}/images/sansfish/base-left.png");
    background-repeat: no-repeat;
    height: 50px;
    float: left;
    width: 50px;
    padding: 0px;
}
.categories_base-centre_fish {
    background-image: url("{T_THEME_PATH}/images/sansfish/base-mid.png");
    height: 50px;
    margin: 0px 50px 0px 50px;
    width: auto;
    padding: 0px;
}
.categories_base-droit_fish {
    background-image: url("{T_THEME_PATH}/images/sansfish/base-right.png");
    background-repeat: no-repeat;
    height: 50px;
    float: right;
    margin-top: -50px;
    width: 50px;
    padding: 0px;
}
/* ================================================================================ */
sur les template ou tu veut pas de fish

chercher

Code : Tout sélectionner

<div class="categories_haut_bloc">
            <div class="categories_haut-gauche"></div>
            <div class="categories_haut-centre"><div style="text-align: center" class="categories_texte">"""titre du block"""</div></div>
            <div class="categories_haut-droit"></div>
        </div>
        <div class="categories_bordure_bloc">
            <div class="categories_bordure_gauche">
                <div class="categories_bordure_droit">
                    <div class="categories_contenu">

remplacer par

Code : Tout sélectionner

	 <div class="categories_haut_bloc_fish">
            <div class="categories_haut-gauche_fish"></div>
            <div class="categories_haut-centre_fish"><div style="text-align: center" class="categories_texte">"""titre du block"""</div></div>
            <div class="categories_haut-droit_fish"></div>
        </div>
        <div class="categories_bordure_bloc_fish">
            <div class="categories_bordure_gauche_fish">
                <div class="categories_bordure_droit_fish">
                    <div class="categories_contenu">	

chercher

Code : Tout sélectionner

</div> <!-- end cats content -->
                </div> <!-- end cats borderright -->
            </div> <!-- end cats borderleft -->
        </div> <!-- end cats border block -->
        <div class="categories_base_bloc">
            <div class="categories_base-gauche"></div>
            <div class="categories_base-centre"></div>
            <div class="categories_base-droit"></div>
        </div> <!-- end cats base block -->

remplacer par

Code : Tout sélectionner

</div> <!-- end cats content -->
                </div> <!-- end cats borderright -->
            </div> <!-- end cats borderleft -->
        </div> <!-- end cats border block -->
        <div class="categories_base_bloc_fish">
            <div class="categories_base-gauche_fish"></div>
            <div class="categories_base-centre_fish"></div>
            <div class="categories_base-droit_fish"></div>
        </div> <!-- end cats base block -->

si tu veut faire partout sans fish remplacer les images dans les dossiers cats ,postbox,postprofilebox,postprofilebox2
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.


Avatar du membre
scotty
Le Compagnon
Le Compagnon
En ligne : Non
Messages : 147
Enregistré le : 26 sept. 2011, 17:13
Joueur de Poker : non
Pseudo Winamax : aucun
Localisation : Troyes
Olympus Arcade : 0 Top 20 des joueurs de l arcade
Contact :
    unknown unknown

Re: style 1 fait par scotty

Message non lu par scotty »

  • Statistiques
  • Stats Relax
  • Stats Poker/Aracde
créer une nouvelle classe avec d'autre images (exemple les image serons jaune)



envoyer dans thème/images le dossier nommé jaune contenant les image coloré en jaune

ouvrir borders.css

a la fin du fichier rajouter

Code : Tout sélectionner


/* Bordures Haut Categories jaune ================================== */
.categories_haut_bloc_jaune {
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    clear: both;
}
.categories_haut_jaune {
    background-repeat: no-repeat;
    width: 100%;
    height: 50px;
    padding: 0px;
    margin: -50px 0px 0px 0px;
    text-align: center;
    clear: both;
}
.categories_haut-gauche_jaune {
    background-image: url("{T_THEME_PATH}/images/jaune/top-left.png");
    background-repeat: no-repeat;
    height: 50px;
    float: left;
    width: 50px;
    padding: 0px;
}
.categories_haut-centre_jaune {
    background-image: url("{T_THEME_PATH}/images/jaune/top-mid.png");
    height: 50px;
    margin:    0px 50px 0px 50px;
    width: auto;
    padding: 0px;
}
.categories_haut-droit_jaune {
    background-image: url("{T_THEME_PATH}/images/jaune/top-right.png");
    background-repeat: no-repeat;
    height: 50px;
    float: right;
    margin-top: -50px;
    width: 50px;
    padding: 0px;
}
/* ================================================================================ */
/* Bordures Laterales Categories  jaune================================== */
.categories_bordure_bloc_jaune {
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    padding: 0px;
    width: 100%;
    min-height: 100%;
    height: 100%;
    clear: both;
}
.categories_bordure_gauche_jaune {
    background-image: url("{T_THEME_PATH}/images/jaune/border-left.png");
    background-repeat:   repeat-y;
    background-position: left;
}
.categories_bordure_droit_jaune {
    background-image: url("{T_THEME_PATH}/images/jaune/border-right.png");
    background-repeat:   repeat-y;
    background-position:right;
}
/* ================================================================================ */
/* Bordures Base Categoriesjaune ================================== */
.categories_base_bloc_jaune {
	margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    clear: both;
}
.categories_base_jaune {
    background-repeat: no-repeat;
    width: 100%;
    height: 50px;
    padding: 0px;
    margin: -50px 0px 0px 0px;
    text-align: center;
    clear: both;
}
.categories_base-gauche_jaune {
    background-image: url("{T_THEME_PATH}/images/jaune/base-left.png");
    background-repeat: no-repeat;
    height: 50px;
    float: left;
    width: 50px;
    padding: 0px;
}
.categories_base-centre_jaune {
    background-image: url("{T_THEME_PATH}/images/jaune/base-mid.png");
    height: 50px;
    margin: 0px 50px 0px 50px;
    width: auto;
    padding: 0px;
}
.categories_base-droit_jaune {
    background-image: url("{T_THEME_PATH}/images/jaune/base-right.png");
    background-repeat: no-repeat;
    height: 50px;
    float: right;
    margin-top: -50px;
    width: 50px;
    padding: 0px;
}
/* ================================================================================ */
sur les template ou sa seras jaune

chercher

Code : Tout sélectionner

<div class="categories_haut_bloc">
            <div class="categories_haut-gauche"></div>
            <div class="categories_haut-centre"><div style="text-align: center" class="categories_texte">"""titre du block"""</div></div>
            <div class="categories_haut-droit"></div>
        </div>
        <div class="categories_bordure_bloc">
            <div class="categories_bordure_gauche">
                <div class="categories_bordure_droit">
                    <div class="categories_contenu">

remplacer par

Code : Tout sélectionner

	 <div class="categories_haut_bloc_jaune">
            <div class="categories_haut-gauche_jaune"></div>
            <div class="categories_haut-centre_jaune"><div style="text-align: center" class="categories_texte">"""titre du block"""</div></div>
            <div class="categories_haut-droit_jaune"></div>
        </div>
        <div class="categories_bordure_bloc_jaune">
            <div class="categories_bordure_gauche_jaune">
                <div class="categories_bordure_droit_jaune">
                    <div class="categories_contenu">	

chercher

Code : Tout sélectionner

</div> <!-- end cats content -->
                </div> <!-- end cats borderright -->
            </div> <!-- end cats borderleft -->
        </div> <!-- end cats border block -->
        <div class="categories_base_bloc">
            <div class="categories_base-gauche"></div>
            <div class="categories_base-centre"></div>
            <div class="categories_base-droit"></div>
        </div> <!-- end cats base block -->

remplacer par

Code : Tout sélectionner

</div> <!-- end cats content -->
                </div> <!-- end cats borderright -->
            </div> <!-- end cats borderleft -->
        </div> <!-- end cats border block -->
        <div class="categories_base_bloc_jaune">
            <div class="categories_base-gauche_jaune"></div>
            <div class="categories_base-centre_jaune"></div>
            <div class="categories_base-droit_jaune"></div>
        </div> <!-- end cats base block -->

j'ai appeler la classe jaune j'aurai pu l'appeler pierre paul ou jack lol

idem pour categories_haut_bloc_jaune j'aurai pu l'appeler forum_haut_a_gauche ou autre chose


Répondre

Retourner vers « Le style »