| Ovi i veut même être codeur =D | |
|
~ Auteur ~ | ~ Message ~ |
---|
Messages : 705 Date d'inscription : 14/08/2010 Age : 25 Localisation : Casablanca, Maroc
| Lun 13 Sep - 22:53 | | - Pseudo : Overlife
- Motivations : J'veux satisfaire des commandes et pouvoir voir le visage illuminé des ces âmes dont le souhait est réalisé (Overlife en mode poète *sifflote*)
- Langage(s) que vous connaissez : Expert en HTML et CSS, notions de bases de PHP et de C
- Niveau de maîtrise : Voir plus haut
|
|
| |
Messages : 705 Date d'inscription : 14/08/2010 Age : 25 Localisation : Casablanca, Maroc
| |
| |
Messages : 1231 Date d'inscription : 20/09/2009 Age : 28 Localisation : devant l'ordi.... nan! sur le nuage du paradis!
| Sam 18 Sep - 18:58 | | Peut être pourrais tu montrer quelques codes dont tu sais faire? =O |
|
| |
Messages : 705 Date d'inscription : 14/08/2010 Age : 25 Localisation : Casablanca, Maroc
| Lun 4 Oct - 11:25 | | Oups désolé xD Donc HTML: - Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"><head><title>Tutopixel, la communauté graphique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" media="screen" type="text/css" title="Design" href="disign.css"> </head>
<body style="background-repeat: no-repeat; color: rgb(0, 0, 0); background-color: rgb(0, 150, 255); background-image: url(imagesdesite/fond.png);" alink="yellow" link="red" vlink="lime"> <!-- L'en-tête --> <div style="text-align: justify;" id="en_tete"><img src="imagesdesite/logo.png" alt="Tutopixel" style="width: 100px; height: 100px;"><big><big><span style="font-family: Siemens Sans SC; font-weight: bold;"> <big style="color: rgb(126, 126, 126);"><big><big>Tutopixel </big></big></big> <br> <span style="background-color: transparent; color: white;">Le graphisme n'aura plus de secrets pour vous grâce à notre communauté!</span></span></big></big></div> <!-- Les menus --> <div id="menu"> <div class="element_menu"> <a href="index.html"><img src="images/accueil.png" alt="accueil"></a><a href="forum/index.php"><img src="images/forum.png" alt="forum"></a><a href="portfolio.html"><img src="images/portfoliomenu.png" alt="portfolio"></a><a href="http://www.tutopixel.com/forum/viewforum.php?f=8&sid=9e2dc4dde8d5d0dee9307ada4ec28cd8"><img src="imagesdesite/tutoriels.png" alt="tutoriels"></a></div> </div> <!-- Le corps --> <div id="corps"> <h1 style="font-family: Siemens Sans SC;">Accueil</h1> <p style="font-family: Siemens Sans SC;"> Bienvenue sur Tutopixel.<br> Tutopixel est un site qui aide débutants et professionnels dans le domaine graphique. </p> <h2 style="font-family: Siemens Sans SC;">A qui s'adresse ce site ?</h2> <p><span style="font-family: Siemens Sans SC;"> A tout les graphistes, amateurs ou profesionnels.</span> </p> </div> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <!-- Le pied de page --> <div id="pied_de_page"> <p><span style="font-family: Siemens Sans SC;">Copyright Tutopixel ©. Toute reproduction complète ou partielle</span><br style="font-family: Siemens Sans SC;"> <span style="font-family: Siemens Sans SC;"> du site est totalement interdite.</span> </p> </div> <br> <br style="font-family: Siemens Sans SC;">
</body></html>
CSS: - Spoiler:
- Code:
-
/*Global*/ body, html { background:#0d0d0d; margin:0;padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;color:#FFF; background-attachment: fixed; font-size:28px } #conteneur { margin: 0 auto 0; width: 942px; position:relative; text-align:center } #header {text-align:left;height:181px; background:url(images/header.png);margin:0 auto 0 auto;width:942px} #contenu {width: 942px;padding: 0;margin:0 auto 0;background:url(images/contenu.png)} #left {float: left;width: 168px;margin:0 0 0 10px;padding:0;} #right {width: 740px;margin:0 0 0 187px;padding:0;text-align:left} #pied { background:url(images/pied.png); height:45px; width:100px; margin: 100 100px 100px 100px; padding: 00px 280px 0px 280px; padding-right: 300px; }
/*Class générique*/ a {color: #1db6f6;text-decoration: none;margin:0;font-weight:bold;outline:none} a:hover {color: #fff;} img, p, h1, h2, h3, h4, h5,h6, span {border:0;margin:0;padding:0} span.titre {color: #1db6f6;font-weight:bold;} span.bleu {color: #1db6f6;font-weight:bold;} .spacer {margin:3px 0 0 0} .grandspacer {margin:15px 0 0 0} .clear {clear: both;visibility: hidden; }
/*Menu vertical*/ .hautmenu {height:32px;width:168px;margin:0; background:url(images/hautmenu.png) no-repeat bottom;padding:10px 0 0 0;margin:0;color:#1db6f6;text-align:center;font-weight:bold;font-size:14px} .fondmenu {width:168px;margin:0; background:url(images/fondmenu.png);padding:0;margin:0 0 0 0} .basmenu {height:20px;width:168px;margin:0; background:url(images/basmenu.png);padding:0;margin:0 0 0 0} ul.menuh {list-style:none;width:168px;padding:0;margin:0;text-align:center} ul.menuh li a {display: block;height: 14px;color: #fff;text-decoration: none;} ul.menuh li a:hover {color: #1db6f6}
/*Menu horizontal*/ ul#menu {position: absolute;margin:17px 0 0 3% ;padding:0} ul#menu li {height: 30px;float: left;margin: 0 2px 0 2px;padding:0 0 0 22px;background: url(images/menuleft.png) top left no-repeat;list-style-type: none; } ul#menu li a {display: block;background: url(images/menuright.png) right top no-repeat;padding:0.8em 18px 0.9em 0;color: #000;text-decoration: none;margin: 0;font-weight:bold;outline:none} ul#menu li a:hover {padding:0.8em 18px 0.9em 0;color: #1db6f6;text-decoration: none;margin: 0} ul#menu li#ici a {color: #1db6f6;margin: 0;padding:0.8em 18px 0.9em 0}
/*Pied et copyright*/ .copyright {padding :20px 200px 0 0;width:170px;height:30px;text-align:center;font-weight:bold;cursor:pointer;margin:0 auto 0 auto} /*Cadre de news*/ .news_haut {background:url(images/news_haut.jpg) no-repeat;width:740px;height:38px;margin:0 auto 0 auto} .news_fond {background:url(images/news_fond.jpg) ;width:690px;padding:0 25px 0 25px} .news_bas {background:url(images/news_bas.jpg) no-repeat;width:740px;height:28px} #adk { border: 2px solid black; padding: 0px; text-align: center; color: #fff; font-family: Verdana,"Siemens sans SC",Arial,"Arial Black","Times New Roman",Times,serif; }
J'ai la flmme de ressortir mon plus long site web réalisé, comme il est fourré quelque part dans un coin de mon disque dur...xD |
|
| |
Messages : 1231 Date d'inscription : 20/09/2009 Age : 28 Localisation : devant l'ordi.... nan! sur le nuage du paradis!
| Sam 16 Oct - 20:44 | | Je viens faire un petit rafraichissement du topic, topic toujours d'actualité =) ? |
|
| |
Messages : 2728 Date d'inscription : 27/05/2010 Age : 32 Localisation : Under heaven wailing !
| Dim 17 Oct - 9:26 | | Quelqu'un qui s'y connait en Codage pourrait peut-être donner son avis ^^. Moi perso je n'y connais rien xD. |
|
| |
Messages : 1231 Date d'inscription : 20/09/2009 Age : 28 Localisation : devant l'ordi.... nan! sur le nuage du paradis!
| Dim 17 Oct - 18:40 | | Personnelement ton HTML est bien trop simple, pour ton CSS, je ne l’ai pas encore teste, je peux te proposer un test. |
|
| |
Messages : 705 Date d'inscription : 14/08/2010 Age : 25 Localisation : Casablanca, Maroc
| Dim 17 Oct - 21:50 | | C'est pas "Je peux" mais "J'ai intêret" xD
Désolé pour l'absence. |
|
| |
Messages : 2728 Date d'inscription : 27/05/2010 Age : 32 Localisation : Under heaven wailing !
| |
| |
Messages : 2314 Date d'inscription : 10/06/2009 Age : 32
| Jeu 11 Nov - 18:39 | | Tu voudrai t'occuper de quelle genre de commande ? ( message d'accueil, QEEL, tableau, etc ) Ah, et juste une remarque : - Code:
-
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> Ce genre de truc est a éviter, même si c'est tentant. Il est préférable de mettre une marge. |
|
| |
Messages : 1231 Date d'inscription : 20/09/2009 Age : 28 Localisation : devant l'ordi.... nan! sur le nuage du paradis!
| Sam 13 Nov - 19:32 | | Bon, je vais te proposer un test, Tu dois essayer de reproduire à peu prés la PA de ce forum: http://tsukiana.forumactif.com/index.htm(juste pour te dire, c'est moi qui l'est faite, et je suis vraiment nulle en codage) |
|
| |
Messages : 705 Date d'inscription : 14/08/2010 Age : 25 Localisation : Casablanca, Maroc
| Lun 15 Nov - 12:28 | | PA, c'est Post d'Accueil? |
|
| |
Messages : 1231 Date d'inscription : 20/09/2009 Age : 28 Localisation : devant l'ordi.... nan! sur le nuage du paradis!
| Ven 19 Nov - 19:23 | | PA, ca veut dire, (message de) Page d'accueil =) |
|
| |
Messages : 705 Date d'inscription : 14/08/2010 Age : 25 Localisation : Casablanca, Maroc
| Ven 19 Nov - 21:29 | | Une autre question (désolé mais je suis chiant ) je fais le HTML + CSS ou seulement le HTML |
|
| |
Messages : 1231 Date d'inscription : 20/09/2009 Age : 28 Localisation : devant l'ordi.... nan! sur le nuage du paradis!
| Sam 20 Nov - 20:41 | | Comme tu veux =) Mais en majorité le HTML |
|
| |
Messages : 705 Date d'inscription : 14/08/2010 Age : 25 Localisation : Casablanca, Maroc
| |
| |
Messages : 1231 Date d'inscription : 20/09/2009 Age : 28 Localisation : devant l'ordi.... nan! sur le nuage du paradis!
| |
| |
Messages : 2728 Date d'inscription : 27/05/2010 Age : 32 Localisation : Under heaven wailing !
| Dim 12 Déc - 14:39 | | Je te jure que t'arrives à me faire un truc dans le STYLE pour Heavens Graph et je te demande en mariage !!!
xD. |
|
| |
Messages : 705 Date d'inscription : 14/08/2010 Age : 25 Localisation : Casablanca, Maroc
| Jeu 20 Jan - 16:44 | | T'as intêret à me trouver un bon smoking, le mien est usé XD
Heu Kita, j'peux pas vous envoyer un PA que j'ai fait pour HG? |
|
| |
Messages : 1231 Date d'inscription : 20/09/2009 Age : 28 Localisation : devant l'ordi.... nan! sur le nuage du paradis!
| |
| |
Messages : 705 Date d'inscription : 14/08/2010 Age : 25 Localisation : Casablanca, Maroc
| Ven 28 Jan - 23:00 | | Okay. Je tiens juste a preciser, si tu tiens a le tester, teste le sur une page vide, pas sur un forum xD spoiler] - Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Post d'Accueil de Heavens Graph</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style> body { background-color: #1a1a1a; width: 903px;
margin-left: 50px; } a img { border: none; } #Partenaires { height: 483px; margin-top: 20px; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; -moz-border-radius: 10px; border: dotted white; background-image: url(http://s2.noelshack.com/old/up/heavensgraph-24d4566821.png); background-repeat: no-repeat; } #MA { position: absolute; left:225px; right:220px; top: 20px; color: silver; text-align: justify;
} #DA { position: absolute; left:500px; right:0px; top: 455px; color: silver; text-align: justify; } #yeah { position: absolute; left:825px; right:0px; top: 150px; bottom: 600px; } #liens { position: absolute; top: 150px; margin-left: 28px; } #logo { position: absolute; top: 370px; margin-left: 760px; }
</style> </head> <body> <div id="Partenaires"> <span id="yeah"> <a href="http://gfx-home.forumactif.com/forum.htm"><img src="http://img227.imageshack.us/img227/9153/boutongfxhome.png" alt="GFX Home" /></a><br /> <a href="http://www.ladesproduction-forum.com"><img src="http://s2.noelshack.com/uploads/images/6993868353219_logo2.png" alt="La Desproduction" /></a><br /> <a href="http://www.devince.eu"><img src="http://img.devince.eu/uploads/1284490435.gif" alt="Devince" /></a><br /> <a href="http://www.world-of-animations.org"><img src="http://imageflock.com/img/1292167679.png" alt=" World of Animations" /></a> </span> <span id="logo"> <a href="http://www.heavens-graph.com"><img src="http://i85.servimg.com/u/f85/11/15/47/50/templa10.gif" alt="Logo" /></a><br /> </span> <span id="DA"> <a href="http://heavensgraph.deviantart.com"><img src="http://a.deviantart.net/avatars/h/e/heavensgraph.png?4" alt="Logo de HG sur DA" /></a> </span> <span id="liens"> <a href="http://www.heavens-graph.com/f11-les-tutoriels"><img src="http://s2.noelshack.com/uploads/images/3584674346715_heavensgraph_03.png" alt="Tutoriels" /></a><br /> <a href="http://www.heavens-graph.com/f26-cours-graphique-par"><img src="http://s2.noelshack.com/old/up/heavensgraph_13-01cc6ff213.png" alt="Cours" /></a><br /> <a href="http://www.heavens-graph.com/f6-galerie-d-art"><img src="http://s2.noelshack.com/old/up/heavensgraph_06-66cd642929.png" alt="Galeries" /></a><br /> <a href="http://www.heavens-graph.com/c6-espace-concours_"><img src="http://s2.noelshack.com/old/up/heavensgraph_09-f6eb2c1e55.png" alt="Concours" /></a><br /> <a href="http://www.heavens-graph.com/f13-ressources-graphique"><img src="http://s2.noelshack.com/old/up/heavensgraph_17-a1dee7da94.png" alt="Ressources" /></a><br /> </span> </div> </body> </html>
[/spoiler] |
|
| |
Messages : 1231 Date d'inscription : 20/09/2009 Age : 28 Localisation : devant l'ordi.... nan! sur le nuage du paradis!
| Dim 30 Jan - 15:58 | | Okey, J'ai teste, et voila: http://wonderland-graphics.forumactif.org/h10-test-oviC'est pas mal, mais je pense qu'on peut faire mieux, pour tout te dire, quand on est Codeur, il faut savoir faire des PA esthetique. Par exemple ton menu, c'est bien que ce soit grand, mais ca l'est trop, ca gache un peu la bonne ambiance de la PA, donc je propose que tu la minimises, et que tu puisse mettre des decorations pour que ca soit plus beau, comme mettre de l'ombre, mettre un espacement de lettre quand c'est hover. J'aurai de plus ajoute un titre, c'est plus propore et c'est mieux, mais c'est ton choix. Mais j'ai une question, sais tu faire des tableaux? Car normalement, les tableaux, c'est la structure principale des PA! Car je vois que tu as mis dans ton CSS des right, left, center. Mais si tu veux faire une PA, il faut utiliser des tableaux, et non le CSS pour faire l'effet. |
|
| |
Messages : 1231 Date d'inscription : 20/09/2009 Age : 28 Localisation : devant l'ordi.... nan! sur le nuage du paradis!
| Dim 3 Avr - 14:29 | | Postulation toujours d'actualité? |
|
| |
Messages : 2728 Date d'inscription : 27/05/2010 Age : 32 Localisation : Under heaven wailing !
| Ven 6 Mai - 20:39 | | Postulation annulée pour manque d'activité. |
|
| |
| |
| |
| Ovi i veut même être codeur =D | |
|