You are not logged in.

Announcement

Welcome to the new Ishimaru Design website !
New host, new version and more !
More details here

-------------------------------

Bienvenue sur le nouveau site d'Ishimaru Design !
Nouvel hébergement, nouvelle version et encore plus !
Plus de détails ici

#1 2010-07-08 11:09:07

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

demande de boutons

Bonjour,

J'ai crée un forum 100% piste à partir de votre forum : Stylize Darkblue FR.

Voici à quoi il ressemble après quelques modifications de couleurs de fond :

http://www.centpourcentpiste.com/index.htm

Et je souhaiterai que mes boutons : forum, calendrier, faq, connexion, nouveau, repondre, etc. ressemblent au style de la barre de séparation des forums (éffets arrondie dégradé bleu avec inscription blanche).

J'éspére que je me suis éxpliqué assez clairement .

Merci.

Cordialement.


@+mario968

Offline

#2 2010-07-08 18:43:46

DakinQuelia
Member
From: Belgique
Registered: 2009-07-26
Posts: 70
Website

Re: demande de boutons

Bonsoir mario968,

Je te souhaite la bienvenue ici. wink

Néanmoins, il faut te présenter dans la section adéquate avant, je pense.

A bientôt,

Offline

#3 2010-07-08 23:49:55

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Bonsoir mario968,

Je te souhaite la bienvenue ici. wink

Néanmoins, il faut te présenter dans la section adéquate avant, je pense.

A bientôt,

Salut,

J'ai rempli un questionnaire, et je pensais que cela suffisait.

Je vais me présenter.


Merci  smile


@+mario968

Offline

#4 2010-07-09 03:46:45

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: demande de boutons

Bonjour,

J'ai crée un forum 100% piste à partir de votre forum : Stylize Darkblue FR.

Voici à quoi il ressemble après quelques modifications de couleurs de fond :

http://www.centpourcentpiste.com/index.htm

Je vois qu'il reste de la finition à faire et je suis prête à vous aider.

Et je souhaiterai que mes boutons : forum, calendrier, faq, connexion, nouveau, repondre, etc. ressemblent au style de la barre de séparation des forums (éffets arrondie dégradé bleu avec inscription blanche).

Par "barre de séparation", vous parlez de cette image de fond ? -> i_back_catg.png

Offline

#5 2010-07-09 07:35:56

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Bonjour,

J'ai crée un forum 100% piste à partir de votre forum : Stylize Darkblue FR.

Voici à quoi il ressemble après quelques modifications de couleurs de fond :

http://www.centpourcentpiste.com/index.htm

Je vois qu'il reste de la finition à faire et je suis prête à vous aider.

Et je souhaiterai que mes boutons : forum, calendrier, faq, connexion, nouveau, repondre, etc. ressemblent au style de la barre de séparation des forums (éffets arrondie dégradé bleu avec inscription blanche).

Par "barre de séparation", vous parlez de cette image de fond ? -> i_back_catg.png

Bonjour,

Oui tout à fait  wink

mais se serait a mon avis plus sympa que la barre se termine aux deux éxtemitées en forme d'arrondie.

Que les boutons ne soient pas collé les uns aux autres (ce qui fait l'éffet d'une barette rectangulaire pleine aux bords brute) (pas terrible à mon gout), c'est valable aussi pour tous les  boutons.

Faire peut être des boutons du type qui se trouvent sous le slide de mon forum, ou à votre idée en fonction du théme de mon forum.

Il y à aussi le bouton off, j'aurais préféré qu'il se nomme connexion.


Lorsque vous dites qu'il reste de la finition à faire, vous faites allusions à quoi ?

Avez vous une idée d' amèlioration pratique, et ésthétique de mon forum ?

Je ne refuse pas votre aide, bien au contraire, puis cela reste votre création, je suis autodidacte et j'ai mes limites en informatique,
donc je m'en remet à vous.


Ps : ne croyais vous pas que mon forum serait plus sympa si la couleur des barres et boutons du bleu foncé était un peu plus clair ? je ne le trouve pas très harmonieux.

Merci

Cordialement

Last edited by mario968 (2010-07-09 08:35:26)


@+mario968

Offline

#6 2010-07-13 07:52:28

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Hello Mlle Ishimaru Chiaki ,

Plus de nouvelles de votre part, dois-je m'inquiéter ?  sad

Cordialement


@+mario968

Offline

#7 2010-07-14 01:15:11

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: demande de boutons

Désolée, j'avais loupé votre réponse, ma session déconnent de temps en temps, ce qui fait que certains sujets qui doivent normalement être mis comme non-lus sont marqués comme lus, lorsque je consulte la liste des derniers sujets.

Je vais voir pour un premier jet, et pour ne pas oublier, je vais ajouter tout de suite la commande dans ma todo-list que je tiens avec mon Getting Things Gnome! (un soft linux de gestion de tâches).

Quand je parle de finition, la première chose qui m'avait frappée était bien sûr la barre de navigation qui sera de toutes façons changée.  Les boutons "Nouveau", "Répondre" et "Verrouillé" seront à refaire aussi pour cadrer avec la charte graphique.  Pour les dossiers, ce fond noir autour rend mal, j'aurais vu les petits casques sur fond transparent.  Même chose pour l'icone "Qui est en ligne", en rajoutant qu'il vaut mieux utiliser une image statique, car les animations distraient le visiteur.  Les animations sont plus pertinentes par exemple pour les sujets populaires ou nouveaux sujets, mais il faut que ce soit discret.

Pour la transparence, puisque je fais généralement dans le PNG pour sa qualité d'image, je pourrais te donner le code du script de correction des PNGs pour IE6.

Offline

#8 2010-07-14 14:26:57

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Bonjour,
En plus de tous cela, j’ai un problème majeur, c’est la perception du fond d’écran sur différentes tailles d’écran et de résolution des membres.
Je crée un fond d’écran  par rapport à une photo de circuit prise avec un appareil photo numérique,
Et pour le moment pour qu’elle ne passe pas trop mal je la redimensionne à 2000x1200 pixels.

Je souhaiterai un fond d’écran qui s’adapte aux différentes tailles d’écrans.
On m’a dit de faire avec le même fond d’écran différentes tailles, et mettre des scripts dans le CCS, j’ai essayé et cela n’a pas fonctionné, depuis j’attends le magicien.
Voici ce que l’on m’a conseillé de faire et ce que j’ai fait, voir le sujet :
http://forum.forumactif.com/gerer-l-app … tm#2471992

Un autre qui avait le même problème, on lui à conseillé autre chose et à priori cela à l’air de marcher :
http://forum.forumactif.com/gerer-l-app … 142-30.htm

Pour infos je ne veux pas rester toujours sur le même fond d’écran, je veux changer de temps en temps par d’autres images de  circuits, histoire de ne pas se lasser, je sais je me complique la vie.

Dernier points que je pourrai soulever c’est la largeur de l’agenda qui est plus large que les autres widgets, et impossible de le réduire, sans diminuer la taille de police qui est déjà un peu juste.
Et enfin, si je change la couleur de police texte, pour être plus foncé (bleu marine ou bien noir), on ne voit plus les inscriptions sur les fenêtres des widgets, car c’est la même police.

Vous pouvez constater que j’ai quelques soucis avec mon forum il est loin d’être parfait.

Merci de faire ce que vous pouvez, et si vous désirez prendre la main sur mon forum, il n’y à pas de problème, au contraire.

Cordialement, et bon courage.

Ps : oui concernant les casques ce serait bien mieux en png, et peut être un peu plus petits.
Le fond bleu marine des casques ainsi que le cadenas étaient faits pour le fond du forum d'origine : darkblue.

Last edited by mario968 (2010-07-14 14:31:50)


@+mario968

Offline

#9 2010-07-15 05:16:10

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: demande de boutons

Il existe une façon moins tordue que de lier une page HTML au background-image.

Je te donne le lien : http://www.alsacreations.com/astuce/lir … rable.html

Mais sache qu'une image peut vite devenir très pixellisée sur une très grosse résolution.  Et sache aussi que ce fond peut peser lourd sur le chargement de la page, déjà que chez moi, les images de fond trop grandes font ramer mon PC (un Pentium 4 de 2.8GHz) et rend le défilement saccadé.  Aussi, même si on met une image de fond, une grosse partie de cette image est quand même cachée par la table du forum (même si les widgets qui débordent en bas permettent de bien voir), ce qui n'est pas très utile au final, en plus que certains textes deviennent illisibles.

à lire : http://www.gimp-attitude.org/forum2/vie … =52&t=6069

Pour ton agenda, tu peux aussi changer de famille de police, comme Trebuchet MS (celui utilisé sur ce site) au lieu de Verdana.

Et juste en passant, je vois que le bloc "Derniers sujets" a la taille du texte par défaut du navigateur (un oubli de la part des gars de FA...).  Ajoute ceci dans ton CSS :

.forumline {
   font-size:11px;
}

Quant aux couleurs de police, je ne comprends pas trop... une capture d'écran ?

EDIT : Dans ce style-là les boutons de navigations ?
boutons-bleu-mario968_46.png

N'ayant aucune précision sur le type de police à utiliser, j'ai mis Trebuchet MS, mais je peux aussi mettre une autre police.

Offline

#10 2010-07-15 23:51:45

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Il existe une façon moins tordue que de lier une page HTML au background-image.

Je te donne le lien : http://www.alsacreations.com/astuce/lir … rable.html

Mais sache qu'une image peut vite devenir très pixellisée sur une très grosse résolution.  Et sache aussi que ce fond peut peser lourd sur le chargement de la page, déjà que chez moi, les images de fond trop grandes font ramer mon PC (un Pentium 4 de 2.8GHz) et rend le défilement saccadé.  Aussi, même si on met une image de fond, une grosse partie de cette image est quand même cachée par la table du forum (même si les widgets qui débordent en bas permettent de bien voir), ce qui n'est pas très utile au final, en plus que certains textes deviennent illisibles.

à lire : http://www.gimp-attitude.org/forum2/vie … =52&t=6069

Pour ton agenda, tu peux aussi changer de famille de police, comme Trebuchet MS (celui utilisé sur ce site) au lieu de Verdana.

Et juste en passant, je vois que le bloc "Derniers sujets" a la taille du texte par défaut du navigateur (un oubli de la part des gars de FA...).  Ajoute ceci dans ton CSS :

.forumline {
   font-size:11px;
}

Quant aux couleurs de police, je ne comprends pas trop... une capture d'écran ?

EDIT : Dans ce style-là les boutons de navigations ?
boutons-bleu-mario968_46.png

N'ayant aucune précision sur le type de police à utiliser, j'ai mis Trebuchet MS, mais je peux aussi mettre une autre police.

1) Pour le bouton, oui ce style est bien la police (je vous laisse juge) mais je la trouve bien, et sobre, peut être ombré il aurait un peu de cachet, mais la couleur de fond ne colle plus avec mon forum, car j'avance dans les restyling est les couleurs ont changé. Pas grave si au final on pourra les modifier.

2) La police j'ai déjà essayé et cela n'a rien apporté du moins presque invisible.

3) Si vous allez voir le forum j'ai trouvé une astuce en modifiant les largeurs des widgets personnalisées comme "partenaire".

4) le fond d'écran n'est pas ma priorité, et personne ne se plaint d'un ralentissement de pc, pour la pixellisation est un problème bien connu c'est pour cela que je joue avec le contraste, mais le problème de largeur sera à résoudre.

5) (j'ai suivi vos conseils ;-).)

j'ai travaillé sur les barres, les casques et cadenas en png, j'ai remplacé le drapeau flottant, j'ai encore éclairci les fonds etc.

Merci, ma priorité reste sur mes boutons :-)

Voilà ou j'en suis :

http://www.centpourcentpiste.com/forum.htm

Cordialement

mario


@+mario968

Offline

#11 2010-07-21 17:23:51

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Bonjour,

Visiblement vous n'avez pas le temps, alors laissez tomber mes demandes.

Je vais me débrouiller par moi même.

Merci tout de même, et bonne continuation.



Cordialement


@+mario968

Offline

#12 2010-07-22 05:12:03

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: demande de boutons

Désolée, la mise à niveau de mon OS m'a beaucoup prise, avec un souci de gel que je devais régler d'abord.  Ça faisait un mois et demi que je parlais de passer à Ubuntu Lucid, mais j'avais tout le temps quelquechose qui me tenait prise et qui m'empêchait donc de faire le saut, et c'est seulement il y a 2-3 jours que j'ai enfin pu le faire.  Mon gestionnaire de tâches n'est même pas encore réinstallé (j'ai sauvegardé les fichiers contenant mes tâches) et j'ai une fête familiale qui s'en vient.

Tu voulais le fond du même argenté que les en-têtes, avec une bordure bleue ?  Sinon, utiliser le formulaire fourni dans le sujet épinglé aurait pu m'aider : http://ishimaru-design.servhome.org/for … 1-m34.html

Offline

#13 2010-07-27 11:12:28

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Bonjour,

Les boutons c'est reglé j'ai trouvé un petit logiciel en ligne simple.

Mon gros problème actuel et que poersonne n'arrive à me dire comment faire, c'est la dimension du fond d'écran adaptable aux différents formats utilisés.

Pour le moment je met un fond de 2000 x 1200 qui est un standard.

Merci de votre aide.

Cordialement


@+mario968

Offline

#14 2010-07-28 02:00:10

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: demande de boutons

Puisque sous la version du forum que tu utilises, tu peux utiliser les templates, je te donne ce lien : http://www.alsacreations.com/astuce/lir … able.html.

Sinon, concernant tes boutons, ton bouton "S'inscrire" rend très mal, le gif ne supporte pas la transparence progressive, contrairement au PNG, ce qui pixellise les contours et rend très mal le reflet.  Garde-le en PNG, en utilisant seulement une couleur de texte différente.

Offline

#15 2010-07-31 14:49:18

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Puisque sous la version du forum que tu utilises, tu peux utiliser les templates, je te donne ce lien : http://www.alsacreations.com/astuce/lir … able.html.

.

Bonjour,

J'ai suivi ce que dit dans le liens que vous m'avez donné, et j'ai écrit dans mon CSS ceci :

html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#arriere {
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
}

<img id="arriere" alt="" src="http://i34.servimg.com/u/f34/15/14/98/77/ligne_11.jpg
" />

Et lorsque j'enregistre il est écrit en rouge ceci :

Erreur détectée
Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

Pourtant je ne vois pas de guillemets manquants, ou est l'érreur svp.

Cordialement


@+mario968

Offline

#16 2010-08-01 03:44:12

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: demande de boutons

Le code HTML, il faut insérer dans les templates et non dans le CSS !

Tu vas dans "Général" dans le menu "Templates", puis tu édites le template overall_header_new, puis tu l'insères juste après le <body> ouvrant.

Offline

#17 2010-08-01 20:03:08

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Bonjour,

A quel endroit éxact dois-je insérer cette ligne ?

<img id="arriere" alt="" src="http://i32.servimg.com/u/f32/15/22/44/66/ligne_10.jpg" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <!-- BEGIN meta_emulate_ie7 -->
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <!-- END meta_emulate_ie7 -->
    <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />
    <meta http-equiv="content-script-type" content="text/javascript" />
    <meta http-equiv="content-style-type" content="text/css" />
    {META_FAVICO}
    {META}
    <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
    {T_HEAD_STYLESHEET}
    {CSS}
    <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
    <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    <!-- BEGIN switch_fb_login -->
    <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js"></script>
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->
    <!-- BEGIN switch_ticker -->
    <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
    <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
    <!-- END switch_ticker -->

    <!-- BEGIN switch_ticker_new -->
    <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[

    /* Definir le sens de direction en fonction du panneau admin */
    var tickerDirParam = "{switch_ticker.DIRECTION}";
    var slid_vert = false;
    var auto_dir  = 'next';
    var h_perso = parseInt({switch_ticker.HEIGHT});

    switch( tickerDirParam )
    {
        case 'top' :
            slid_vert = true;
            break;

        case 'left':
            break;

        case 'bottom':
            slid_vert = true;
            auto_dir  = 'prev';
            break;

        case 'right':
            auto_dir  = 'prev';
            break;

        default:
            slid_vert = true;
    }

    $(document).ready(function() {
        var w_cont = $('#fa_ticker_container').width();

        if (w_cont > 0)
        {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des lments */
            var width_max  = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du contenur en fonction des lments et de la hauteur personnalise dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
                if ($(this).height() > height_max)
                {
                    height_max = $(this).height();
                }
            } );

            /* Redimensionnement des lments et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                if ($(this).width() > width_item)
                {
                var ratio      = $(this).width() / width_item;
                var new_height = Math.round($(this).height() / ratio);
                $(this).height(new_height).width(width_item);
                }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
                $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                   vertical: slid_vert,
                wrap: 'circular',
                auto: {switch_ticker.STOP_TIME},
                auto_direction: auto_dir,
                scroll: 1,
                size: {switch_ticker.SIZE},
                height_max: height_max,
                animation: {switch_ticker.SPEED}
            });
        }
        else
        {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
        }
    });
    //]]>
    </script>
    <!-- END switch_ticker_new -->

    <script type="text/javascript">
    //<![CDATA[
    $(document).ready(function(){
        <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            pm.focus();
        <!-- END switch_enable_pm_popup -->
        <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            report.focus();
        <!-- END switch_report_popup -->
        <!-- BEGIN switch_ticker -->
            ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
        <!-- END switch_ticker -->
    });

    <!-- BEGIN switch_login_popup -->
        var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
    <!-- END switch_login_popup -->
    //]]>
    </script>

    {GREETING_POPUP}
    <!-- BEGIN hitskin_preview -->
    <style type="text/css">
    #hitskin_preview {
        margin: 0; padding: 0;
        position: fixed;
        top: 0; left: 0;
        width: 100%;
        height: 65px;
        background: url('http://illiweb.com/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
        color: #fff;
    }
    * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
        position: absolute;
        top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
        z-index: 2;
        background: transparent url('http://illiweb.com/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
    }
    * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
     background: #fff url(foo) fixed;
     }
    #hitskin_preview h1 {
        float: left;
        margin: 3px 0 0 0;
        padding: 0 0 0 10px;
        font: italic normal 25px Arial,sans serif;
        color: #fff;
    }
    #hitskin_preview h1 img {
        vertical-align: middle;
    }
    #hitskin_preview em {
        color: #7CBA2C;
        font-weight: bold;
    }
    #hitskin_preview a {
    color: #fff;
    }
    #hitskin_preview a:hover {
    text-decoration: underline;
    }

    #hitskin_preview .content {
        text-align: right;
    }
    #hitskin_preview .content p {
        margin: 4px 1em 0px 1em;
        font-size: 13px;
        line-height: 1.8em;
        color: #fff;
        font-weight: bold;
    }
    #hitskin_preview .content p span {
        font-weight: normal;
        font-size: 0.8em;
    }
    body {
        margin-top: 40px !important;
    }
    {hitskin_preview.HITSKIN_RTL_CSS}
    </style>
    <!-- END hitskin_preview -->

    <!-- BEGIN switch_ticker_new -->
    <style>
    .jcarousel-skin-tango .jcarousel-item {
        text-align:center;
        width: 10px;
    }

    .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-right: {switch_ticker.SPACING}px;
    }

    .jcarousel-skin-tango .jcarousel-item-vertical {
        margin-bottom: {switch_ticker.SPACING}px;
    }

    </style>
    <!-- END switch_ticker_new -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
    <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
        <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
        <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                

                <span>{hitskin_preview.U_INSTALL_THEME}[url]{hitskin_preview.L_RETURN_THEME}[/url]</span>
            </p>
        </div>
    </div>
    <!-- END hitskin_preview -->

    <!-- BEGIN switch_login_popup -->
    <div id="login_popup">
        <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
            <tr height="25">
                <td class="catLeft">
                    <span class="genmed module-title">{SITENAME}</span>
                </td>
            </tr>
            <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                <td class="row1" align="left" valign="top">
                    <div id="login_popup_buttons">
                        <form action="{S_LOGIN_ACTION}" method="get">
                            <input type="submit" class="mainoption" value="{L_LOGIN}" />
                            <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                            <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                        </form>
                    </div>
                    <span class="genmed">{LOGIN_POPUP_MSG}</span>
                </td>
            </tr>
        </table>
    </div>
    <!-- END switch_login_popup -->

    <a name="top">[/url]
    {JAVASCRIPT}
    <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>
            <td class="bodyline">
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <!-- BEGIN switch_logo_left -->
                        <td>[url]<img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" />[/url]</td>
                        <td align="center" width="100%" valign="middle">
                            <div class="maintitle">{MAIN_SITENAME}</div>
                            

                            <span class="gen">{SITE_DESCRIPTION}
  </span>
                        </td>
                        <!-- END switch_logo_left -->

                        <!-- BEGIN switch_logo_center -->
                        <td align="center" width="100%" valign="middle">
                            [url]<img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" />[/url]

                            <div class="maintitle">{MAIN_SITENAME}</div>
                            

                            <span class="gen">{SITE_DESCRIPTION}</span>
                        </td>
                        <!-- END switch_logo_center -->

                        <!-- BEGIN switch_logo_right -->
                        <td align="center" width="100%" valign="middle">
                            <div class="maintitle">{MAIN_SITENAME}</div>
                            

                            <span class="gen">{SITE_DESCRIPTION}
  </span>
                        </td>
                        <td>
                            [url]<img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" />[/url]
                        </td>
                        <!-- END switch_logo_right -->
                    </tr>
                </table>

                <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                    <tr>
                        <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                    </tr>
                </table>

                <div style="clear: both;"></div>

                <!-- BEGIN switch_ticker_new -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                        <tr>
                            <td {CLASS_TABLE_TYPE} align="left" class="row1">
                                <div id="fa_ticker_container">
                                    <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                                        <!-- BEGIN ticker_row -->
                                        <li>{switch_ticker.ticker_row.ELEMENT}[/*]
                                        <!-- END ticker_row -->
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- END switch_ticker_new -->

                <!-- BEGIN switch_ticker -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                        <tr>
                            <td {CLASS_TABLE_TYPE} align="left" class="row1">
                                <div id="fa_ticker_container">
                                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                        <div class="fa_ticker_content">
                                            <!-- BEGIN ticker_row -->
                                            <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                            <!-- END ticker_row -->
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- END switch_ticker -->

                <div id="page-body">
                    <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                        <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                            <tbody>
                                <tr>
                                    <td valign="top" width="{C1SIZE}">
                                        <div id="{ID_LEFT}">
                                            <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                                <!-- BEGIN saut -->
                                                <div style="height:{SPACE_ROW}px"></div>
                                                <!-- END saut -->
                                            <!-- END giefmod_index1 -->
                                        </div>
                                    </td>
                                    <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
<!-- END html_validation -->

____________________

Une autre question svp, quel format moyen de photo faut t'il mettre 800x600 px ou plus grand ?

A ce jour je redimensionne mes fonds d'écran à 2000x1200 px.

Merci de vos conseils  big_smile

Cordialement

mario

Last edited by mario968 (2010-08-01 22:59:29)


@+mario968

Offline

#18 2010-08-02 10:19:52

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: demande de boutons

Juste après ce bloc de lignes :

    <style>
    .jcarousel-skin-tango .jcarousel-item {
        text-align:center;
        width: 10px;
    }

    .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-right: {switch_ticker.SPACING}px;
    }

    .jcarousel-skin-tango .jcarousel-item-vertical {
        margin-bottom: {switch_ticker.SPACING}px;
    }

    </style>
    <!-- END switch_ticker_new -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Offline

#19 2010-08-20 22:55:24

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Juste après ce bloc de lignes :

    <style>
    .jcarousel-skin-tango .jcarousel-item {
        text-align:center;
        width: 10px;
    }

    .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-right: {switch_ticker.SPACING}px;
    }

    .jcarousel-skin-tango .jcarousel-item-vertical {
        margin-bottom: {switch_ticker.SPACING}px;
    }

    </style>
    <!-- END switch_ticker_new -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Bonjour

J'ai mis mes codes CSS comme indiqué, j'ai mis une photo 800x600 dans affichage gestion image, et je me suis retrouvé avec un damier de ma photo.

OU DOIS JE METTRE LE CODE HTML INDIQUE DANS CETTE METHODE :
http://www.alsacreations.com/astuce/lir … able.html.

<img id="arriere" alt="" src="http://i32.servimg.com/u/f32/15/22/44/66/ligne_10.jpg" />


Faut il mettre l'ensemble :

html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#arriere {
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
}

<img id="arriere" alt="" src="http://i32.servimg.com/u/f32/15/22/44/66/ligne_10.jpg" />

dans : Général" menu "Templates", overall_header_new, puis l'insèrer juste après le <body> ouvrant.

Merci


@+mario968

Offline

#20 2010-08-23 02:41:39

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: demande de boutons

C'est seulement le HTML que tu dois mettre dans le template.  Pour le CSS, tu dois le mettre dans Affichage > Couleurs > Feuille de style CSS

Je ferai des tests demain, car ce soir, je viens à peine de revenir d'une semaine de camping sans aucune connexion internet et je suis donc en plein rattrapage.

Offline

#21 2010-08-23 15:07:32

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

C'est seulement le HTML que tu dois mettre dans le template.  Pour le CSS, tu dois le mettre dans Affichage > Couleurs > Feuille de style CSS

Je ferai des tests demain, car ce soir, je viens à peine de revenir d'une semaine de camping sans aucune connexion internet et je suis donc en plein rattrapage.

Bonjour,

Lorsque je met cela dans la feille CSS de Affichage /couleurs :

html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#arriere {
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
}


Erreur détectée
Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
Nous vous conseillons de relire votre code.

Je n'y comprend plus rien.

Pour le moment je fais des arrières plans au format 1920x1050 et ça me dépanne bien.

A bientôt si vous trouvez la solution.

Cordialement mario

Last edited by mario968 (2010-08-23 15:08:23)


@+mario968

Offline

#22 2010-08-25 05:29:40

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: demande de boutons

Donne-moi TOUT le contenu que tu as dans le champ.

Et juste en passant, utilise la balise code pour afficher tes codes, comme ça :

[code]ton code à afficher[/code]

Offline

#23 2010-08-25 15:24:08

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Donne-moi TOUT le contenu que tu as dans le champ.

Et juste en passant, utilise la balise code pour afficher tes codes, comme ça :

[code]ton code à afficher[/code]

Je ne sais pas utiliser le code.

Mon CSS dans couleurs /feuille de style CSS est vide.

Last edited by mario968 (2010-08-25 15:39:55)


@+mario968

Offline

#24 2010-08-26 00:16:00

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: demande de boutons

Ahhh OK, je viens de comprendre !  J'avais compris qu'il avait compté un nombre incorrect d'accolades et non de guillemets !

Si tu as ajouté la ligne pour afficher l'image, il faut que tu l'écrive correctement.  Si tu mets des guillemets, l'adresse doit être entourée des deux côtés !

Syntaxes correctes :

background-image: url(http://monimage.png);
background-image: url('http://monimage.png');
background-image: url("http://monimage.png");

Syntaxes incorrectes :

background-image: url('monimage.png);
background-image: url("monimage.png);
background-image: url("monimage.png');

Pour la balise code, je te donne un exemple de son utilisation avec ton CSS :

[code]html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#arriere {
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
}
[/code]

Et j'ai justement utilisé la balise code pour cet exemple !

Offline

#25 2010-08-27 12:24:07

mario968
Member
From: 92 Hauts/Seine
Registered: 2010-07-08
Posts: 15
Website

Re: demande de boutons

Bonjour,

Trop compliqué pour un novice comme moi, je te remercie mais je laisse tomber.

je met un fond d'écran 1920X1050 px ça passe jusqu'a un 23 pouces.

Dommage pour les écrans plus grands, et ceux qui ont un écran plus petit. :snif:

Merci d'avoir été patiente avec moi.

Bonne continuation


@+mario968

Offline

Board footer

Powered by FluxBB