Créer un compte
Connexion

Kit: Design #7

Pour créer et répondre aux sujets, vous devez être connecté.
Ce sujet est résolu.
Pages: 1
Auteur Message
casasax
11/03/2009 à 15:06:15
C'est au pied du mur... qu'on voit le mieux le mur ! casasax
Membre
Bonsoir,
J'ai chargé le kit graphique N°7. Seulement, mes notions en CSS sont totalement nulles.
Je n'arrive même pas à mettre le nom de mon site dans l'en-tête en remplacement de "support du web" !
Auriez-vous déjà composé un mode d'emploi ? Pour moi, ce ne serait pas du luxe.
Sinon, je suis preneur de la manip à faire juste pour l'en-tête.

Merci d'avance

ybouane
11/03/2009 à 22:49:34
ybouane
Admin
Pour modifier le titre, ce n'est pas dans le css mais plutôt dans le html,
c"est dans les premières lignes,
[...]
                        <input type="text" name="q" size="34" />
                        <input type="submit" value="OK" />
                    </div>
                </form>
            </div>
                <span>Support du Web</span>
        </div>
        <div class="clean"></div>
        <div class="corp">
            <div class="menu_v">
            <div class="menu_v_top">Menu</div>
[...]
 
il suffit de changer Support du Web par le nom de ton site :)
mais je te propose une manière beaucoup plus facile, télécharge un éditeur de site internet WYSIWYG, par exemple NVU, ici:
http://www.01net.com/telecharger/windows/Internet/editeur_de_site/fiches/29699.html
et par la suite, tu ouvre la page index.html, et tu peut la modifier sans aucune connaissance graphique!
merci, si tu a d'autres questions il y a le forum :)

Image
casasax
12/03/2009 à 07:34:20
C'est au pied du mur... qu'on voit le mieux le mur ! casasax
Membre
Bonjour, et merci pour la rapidité de la réponse.
Il me semblait bien que c'était ce qu'il fallait faire.
Cependant, à chaque man?uvre, je perdais la mise en page de votre kit.
En fait, je suis victime de la vétusté de mon éditeur (NAMO 3)
J'ai donc chargé NVU, et maintenant, "oh miracle" tout fonctionne !
Merci de votre tuyau.
Dés que j'aurais terminé, je vous mettrais un lien afin que vous puissiez juger de la qualité de votre offre de kit
Bonne journée

ybouane
12/03/2009 à 17:13:45
ybouane
Admin
merci! j'ai hâte de voir le résultat :)

Image
bekaldo
23/06/2009 à 01:04:11
bekaldo
Membre
bonjour,
j'adore ce site, bravo et merci a toute l'equipe
mon poste concerne les menu horizontaux, j'en utilise sur mon site mais j'aimerai faire une petite demande pour avoir d'autre modèle (design) un truc un peu plus moderne

voila voila et encore bravo pour le site

ybouane
23/06/2009 à 01:51:39
ybouane
Admin
Bonjour,
quand tu dit menu horizontaux, tu veut dire que tu aimerait qu'il y est d'autres modèles de menus dans le générateur de menus Web 2.0 horizontaux?
si c'est bien ça, ce sera fait(lorsque j'aurai du temps) :)
merci

Image
bekaldo
25/06/2009 à 14:53:45
bekaldo
Membre
oui c'est ca, des menu horyzontaux avec d'autre design
merci en tout cas, j'attend ca avec impatience  :#1:

Ad00500
21/08/2009 à 16:56:21
"Fc Barcelona, Més que Un Club" Ad00500
Membre
Bonjour, j'ai un probleme à propos du Kit graphique 10.
Où réunir le code html avec le code css ? (je suis vraiment perdu, c'est pour le site de mon frere)
Merci d'avance.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" media="all" type="text/css" href="http://www.supportduweb.com/kits_graphiques/kit_10/style.css" />
    <title>Design #10</title>
</head>
<body>
    <div class="site">
    <div class="site2">
        <div class="moteur_recherche">
            <form action="http://www.google.fr/search">
                <div>
                    <input type="hidden" name="hl" value="fr" />
                    <input type="text" name="q" size="34" />
                    <input type="submit" value="OK" />
                </div>
            </form>
                </div>
        <div class="header">
                Support du Web
        </div>
        <div class="clean"></div>
        <div class="corp">
            <div class="corp_ctn">
                            <h1>Titre</h1>
                <div class="paragraphe">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vitae sapien ut magna placerat interdum. Curabitur vitae risus. Vivamus iaculis mauris et dolor.
                    <h2>Sous-Titre</h2>
                    <div class="paragraphe">
                            Novo denique perniciosoque exemplo idem Gallus ausus est inire flagitium grave, quod Romae cum ultimo dedecore temptasse aliquando dicitur Gallienus, et adhibitis paucis clam ferro succinctis vesperi per tabernas palabatur et conpita quaeritando Graeco sermone, cuius erat inpendio gnarus, quid de Caesare quisque sentiret.
                    </div>
                    Aenean lacinia, enim vel auctor lacinia, velit nulla tristique mauris, id sodales magna metus elementum sem. Duis metus. Nulla turpis diam, vestibulum et, luctus a, mollis in, mauris. Morbi vitae arcu. Fusce tincidunt lorem et massa. Morbi elit. Nullam condimentum ullamcorper turpis. Praesent sed nibh. Duis a ante iaculis mi posuere tincidunt.
                </div>
                <h1>Listes</h1>
                <div class="paragraphe">
                    <h2>Listes à puces</h2>
                        <div class="paragraphe">
                        <ul>
                            <li>Accueil</li>
                            <li>Produits</li>
                            <li>Téléchargements</li>
                            <li>Contact</li>
                        </ul>
                    </div>
                    <h2>Listes à numéro</h2>
                        <div class="paragraphe">
                        <ol>
                            <li>Accueil</li>
                            <li>Produits</li>
                            <li>Téléchargements</li>
                            <li>Contact</li>
                        </ol>
                                        </div>
                                </div>
                <h1>Éléments de formulaire</h1>
                <div class="paragraphe">
                        <h2>Boutons</h2>
                    <div class="paragraphe">
                        <input type="submit" value="Input submit" />
                        <input type="reset" value="Input reset" />
                        <input type="button" value="Input button" />
                        <button>Button</button>
                    </div>
                        <h2>Listes et Choix</h2>
                    <div class="paragraphe">
                                                <select>
                                <option>Select</option>
                                <option>Option 1</option>
                                <option>Option 2</option>
                                <option>Option 3</option>
                                <option>Option 4</option>
                        </select>
                        <input type="checkbox" /> Case à cocher
                        <input type="radio" name="radio1" />Option 1 <input type="radio" name="radio1" /> Option 2
                    </div>
                        <h2>Insertion de texte</h2>
                    <div class="paragraphe">
                                                <input type="text" value="Input text" />
                        <input type="password" value="123456" /><br />
                        <textarea cols="60" rows="4">Insertion de paragraphe(Textarea)</textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="menu_v">
            <div class="menu_v_ctn">
                    <span class="menu_v_titre">Menu</span>
                <a href="#">Accueil</a><br />                <a href="#">Produits</a><br />                <a href="#">Services</a><br />                <a href="#">Contact</a>            </div>
            <div class="menu_v_ctn">
                    <span class="menu_v_titre">Liens utiles</span>
                <a href="http://www.supportduweb.com/">Support du web</a><br />                <a href="http://www.supportduweb.com/kits-graphiques-designs-gratuits-template-html-css-valide-web-design.html">Kits graphiques/Designs</a>            </div>
        </div>
        <div class="clean"></div>
        <div class="foot">
            <span>
                                                <a href="http://validator.w3.org/check?uri=referer">Valide (X)html strict 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valide Css 2.1</a> | <a href="http://www.supportduweb.com/">Design par SupportduWeb.com</a>
            </span>
        </div>
    </div>
    </div>
</body>
</html>
 

Et le Css :

body
{
        background:#000000 url('header.png') repeat-x;
        margin:0px;
        padding:0px;
}
.site
{
        background:url('background.jpg') no-repeat top center;
}
.site2
{
        width:800px;
        margin:auto;
}
img
{
        border:0px;
}
a
{
        color:#222222;
        text-decoration:none;
}
a:hover
{
        color:#000000;
}
.header
{
        font-size:60px;
        font-family:Arial, Helvetica, sans-serif;
        height:93px;
        color:#ffffff;
        padding-top:15px;
        margin-bottom:10px;
}
.foot
{
        margin:auto;
        text-align:center;
        height:40px;
        padding-top:10px;
}
.foot a,.foot
{
        color:#777777;
}
.foot:hover a,.foot:hover
{
        color:#999999;
}
.foot a:hover
{
        color:#dddddd;
}
.menu_v
{
        margin-bottom:10px;
        margin-left:540px;
        margin-top:50px;
}
.menu_v_titre
{
        color:#ffffff;
        font-weight:bold;
        display:block;
        margin-left:-5px;
        font-size:18px;
}
.menu_v_ctn
{
        padding-left:10px;
        color:#ffffff;
        margin-left:30px;
}
.menu_v_ctn a
{
        color:#cccccc;
}
.menu_v_ctn a:hover
{
        color:#ffffff;
}
.corp
{
        width:540px;
        margin-bottom:10px;
        float:left;
        margin-left:20px;
        margin-top:30px;
        color:#ffffff;
}
.corp_ctn
{
        padding-left:5px;
        padding-right:5px;
}
.clean
{
        clear:both;
}
h1,h2,h3,h4,h5,h6,p
{
        margin:0px;
}
h1,h2,h3
{
        color:#8dc5ec;
        border-bottom:2px solid #8dc5ec;
        margin-left:10px;
        padding-top:5px;
}
h4,h5,h6
{
        color:#8dc5ec;
        margin-left:10px;
        padding-top:5px;
}
.paragraphe,p
{
        padding-left:10px;
        padding-bottom:5px;
        padding-top:5px;
}
ul
{
        list-style-image:url('puce01.png');
}
ul,ol
{
        margin:0px;
        margin-top:5px;
        margin-bottom:5px;
        margin-left:10px;
}
.moteur_recherche
{
        float:right;
        width:285px;
        height:40px;
        margin-right:5px;
        padding-top:10px;
        background:url('moteur_recherche.png') no-repeat;
        padding-left:15px;
}


ybouane
22/08/2009 à 00:13:13
ybouane
Admin
Bonjour,
Premièrement, tu doit télécharger le Kit graphique et non pas copier le code directement de la démonstration.

Le style CSS est lié à la page (X)html grâce à la ligne N°5:
   <link rel="stylesheet" media="all" type="text/css" href="style.css" />
Donc le nom du fichier CSS doit absolument être style.css sauf si tu le change dans le code du fichier (X)html et dans le nom du fichier CSS.

Merci :)

Image
Ad00500
22/08/2009 à 10:33:33
"Fc Barcelona, Més que Un Club" Ad00500
Membre
Bonjour, je l'avais téléchargé mais je n'ai pas tres bien compri le systeme. Merci à toi, je vais essayer.

Ad00500
22/08/2009 à 10:44:13
"Fc Barcelona, Més que Un Club" Ad00500
Membre
J'ai fais ce que tu as dit, mais malheureusement ça ne marche pas.

ybouane
23/08/2009 à 06:54:39
ybouane
Admin
Bonjour,
Juste une petite précision inutile, pour télécharger le design, il faut cliquer sur le bouton Télécharger -> Enregistrer le zip -> Le décompresser
de la page:
http://www.supportduweb.com/kit_graphique_design_template_gratuit_telecharger_apercu_informations-10-kit-graphique-10-sobre-multicolore-noir-avec-effets-de-transparence.html


Bon peut tu préciser ton problème? Est ce que le CSS n'est même pas appliqué? Est ce que le problème est que tu ne peut pas modifier le code CSS?
Et finalement, est ce que les images du design sont bien téléchargées sur ton ordinateur?
Merci :)

Image
Ad00500
23/08/2009 à 10:09:50
"Fc Barcelona, Més que Un Club" Ad00500
Membre
Bonjour,
En fait c'est que, quand j'insere le code au final il ya un décalage au texte (tout est à gauche) et je ne peux pas aller jusqu'en bas de la page  O_o

ybouane
24/08/2009 à 00:32:36
ybouane
Admin
Bonjour,
peut tu me montrer un aperçu de ce que tu obtiens?
Pour plus d'informations regarde ce tutoriel:
Prendre une photo (capture) de son écran (print screen, imprimer ecran)

PS: Tu peut héberger ton image sur www.imageshack.us

Et peut tu donner ta dernière version de tes codes (X)html et CSS
Merci :)

Image
Ad00500
24/08/2009 à 10:19:45
"Fc Barcelona, Més que Un Club" Ad00500
Membre
Salut,
J'ai essayé avec un autre kit, c'est pareil.
Voici le haut :
http://zepload.com/images/1251105129_haut-kit.png

Et le bas :
http://zepload.com/images/1251105203_bas-kit.png

Mais comme tu le vois, le kit s'arrete dans "insertion de texte"
Ca me semble bizarre.
Merci d'avance.

ybouane
24/08/2009 à 23:13:57
ybouane
Admin
Bonjour,
le problème ne viens pas du design, mais plutôt de ton hébergeur, ton hébergeur met deux grosses publicités en haut et en bas, ce qui provoque un problème de compatibilité avec le design.

Donc je te conseille de changer d'hébergeur, regarde ifrance, c'est un bon hébergeur avec une publicité:( mais qui ne provoque pas de problème avec les designs :) .

http://www.ifrance.com

En vérifiant, tu a bien téléchargé le design, mais le code de la page index.html lui tu l'a copié du design de la démonstration. il faut que tu garde l'original.
Pour l'instant, il n'y a aucun problème, mais tu ne peut pas modifier le code CSS.

Merci j'espère que tu sera satisfait :)

Image
Ad00500
25/08/2009 à 10:41:41
"Fc Barcelona, Més que Un Club" Ad00500
Membre
Merci à toi ;)

Ad00500
25/08/2009 à 11:08:31
"Fc Barcelona, Més que Un Club" Ad00500
Membre
Mais il n'y aurai pas un moyen pour éditer le fichier sur ifrance ? Car devant pratiquement tous les mots il ya ça : /par
C'est normal ?
Merci.

ybouane
25/08/2009 à 18:13:08
ybouane
Admin
salut,
Pour ton problème, peut tu me donner l'URL pour que je puisse tester?

Et quand tu dis "Éditer le fichier sur Ifrance.", est ce que tu veut modifier le fichier mais directement par internet (En utilisant l'interface administrateur par exemple)?

Si c'est ça ce que tu cherche, je te conseil plutot d'utiliser des logiciels, il proposent plus de fonctions, c'est plus adapté, plus simple, plus rapide...
Regarde au près de Komposer ou de Nvu, ils sont libres et gratuits, ils ont la capacité de modifier une page de ton ordinateur directement vers ton site sans avoir à envoyer le fichier manuellement par FTP...

Et en plus ces logiciels te permet de modifier une page en mode code mais aussi en mode création, et dans ce mode, tu peut insérer des images, liens, tableaux... sans toucher à du code.

Si tu a des questions sur ces logiciels, n'hésite pas :)
Merci :)

Image
Ad00500
26/08/2009 à 10:49:34
"Fc Barcelona, Més que Un Club" Ad00500
Membre
Merci de ta réponse, je vais essayer de me débrouiller ;)

Ad00500
26/08/2009 à 12:01:24
"Fc Barcelona, Més que Un Club" Ad00500
Membre
Ah c'est bon j'ai pris un éditeur de code html (Notepad ++) et ça marche.
Merci :)

Pages: 1