School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 Aide pour mon en-tête

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2, 3  Suivant
AuteurMessage
 

Choops-x3

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 248
Age: 20
$ops: 1279
Points: 5
Date d'inscription: 01/07/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Aide pour mon en-tête   Lun 7 Nov - 19:45

Bonjour, j'aurai besoin d'une aide pour mon en tête (désolé de pas avoir mis de titre explicite mais je souhaite faire une surprise à Newteen, membre présente ici, donc pas envi qu'elle voit de quoi il s'agit ^^) Don je souhaiterai réalisé un en tête avec onglet

* Forum sur lequel sera utilisé l'en-tête : http://newteen.xooit.com
* Maquette de l'en-tête voulu : (schéma ou graphique)
Spoiler:
 

* Element graphique de la maquette1 :
Spoiler:
 

& peut être d'autre par la suite

* Vos connaissances en html/CSS : pas top, j'avais fait une formation en codage que je n'avais pas menez à therme car je n'ai pu venir régulièrement
* Avez-vous un essai à nous montrer ? (si oui, merci de nous fournir le code entre balise "code") non


Merci d'avance
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Choops-x3

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 248
Age: 20
$ops: 1279
Points: 5
Date d'inscription: 01/07/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Mar 8 Nov - 21:04

Personne? ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

kiri

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Formatrice codeuse, Admin et analyste; RH
Marraine

Journaliste du M-SoP

Nombre de messages: 7075
Age: 37
Localisation: dans les bras de mon Homme
$ops: 12541
Points: 200
Date d'inscription: 24/06/2010
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Mar 8 Nov - 21:27

Hello

normalement tu as déjà les bases du html et css vu qu'on avait commencé une formation codage ensemble donc voici le tuto que tu vas devoir suivre http://www.school-of-pub.net/t5472-faire-une-en-tete-sous-forme-d-onglets

avant cela nous allons voir les bases des tableaux
je te propose de lire ce tuto : [Les Tableaux]
n'hésite pas à me poser toutes les questions qui te passent par la tête.

_________________

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone [ by Bjarne Stroustrup ]


Mes cadeaux de Noel : Merci Clo
Merci Volt
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ile-improbable.net/
 

Choops-x3

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 248
Age: 20
$ops: 1279
Points: 5
Date d'inscription: 01/07/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Mer 9 Nov - 6:07

Ok j'avais déjà lu le 1er tuto & la je viens de lire le 2eme tuto, enfait newteen à un code de fou dans son template & du coup je savais pas à partir du enlever, regarde sur son forum : newteen.xooit.com moi je souhaiterai enlever tout ce qui a après Encore un rayon de soleil blabla Mais je sais pas à partir d'ou enlever dans son code, voila le code de son PA


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta name="google-site-verification" content="R9E4hxv77GCmjVUCbMIaqwQ3EvF-pmCXNLTd_pSuBzg" />
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img7.xooimage.com/files/e/c/b/appalachia-2e1b5f1.css" type="text/css" -->
<style type="text/css">

/*
  The original Appalachia Theme for phpBB version 2+
  Created by Droshi
  Design by Kooky

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }
hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline   { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1   { background-color: {T_TR_COLOR1}; }
td.row2   { background-color: {T_TR_COLOR2}; }
td.row3   { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: {T_TD_COLOR2};
      background-image: url(http://img9.xooimage.com/files/4/d/3/barre-2e1b5b5.jpg);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img7.xooimage.com/files/d/b/0/barre-2e1b5ef.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img9.xooimage.com/files/0/c/7/barre-2e1b5a3.jpg);
         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
   background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: dashed;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle   {
   font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav         { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover      { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link  { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover   { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright      { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
   color : {T_BODY_TEXT};
   font: normal {T_FONTSIZE2}px {T_FONTFACE1};
   border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_COLOR1};
   color : {T_BODY_TEXT};
   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
   background-color : {T_TD_COLOR1};
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-31188.css");

/**** Mise en page générale ****/

#en_tete{
   width:800px;
   min-height:810px;
   height:auto;
   background-color:#FFFF99;
   margin:auto;
   color:#635950;
   font-family: Verdana;
   padding-bottom:12px;
   }

#en_tete a{
   outline:none;
   }
   
#en_tete img{
   border:0;
   }
   
#en_tete tr{
   vertical-align:top;
   }

#en_tete #bienvenue{
   width:230px;
   height:222px;
   }

#en_tete #bann_newteen{
   width:570px;
   height:222px;
   }

#en_tete #nav{
   height:80px;
   }
   
#en_tete #fille{
   width : 230px;
   height:512px;
   background-image:url('http://i42.servimg.com/u/f42/11/72/51/74/cote11.png');
   background-position:top;
   background-repeat:no-repeat;
   }

#en_tete #img_secret{
   width : 570px;
   height:109px;
   background-image:url('http://i42.servimg.com/u/f42/11/72/51/74/centre14.png');
   background-repeat:no-repeat;
   }   

#en_tete #reseau, #en_tete #affiliate{
   width:140px;
   }

#en_tete #news{
   width:420px;
   }
   
#en_tete #staff, #en_tete #infos{
   width:210px;
   }   

/**** Mise en page du texte ****/

/** Bienvenue **/

#en_tete #bienvenue p{
   font-size:10px;
   margin-left:3px;
   text-align:justify;
   }

#en_tete #bienvenue #equipe{
   text-align:right;
   color:#957578;
   }

/** Réseau **/

#en_tete #reseau #img_reseau{
   text-align:center;
   }
   
/** News **/

#en_tete #news #bloc{
   border: 1px dotted #060B11;
   -moz-border-radius:12px;
   -webkit-border-radius:12px;
   border-radius:12px;
   margin:10px;
   font-size:12px;
   }

#en_tete #news #bloc ul{
   list-style-type:circle;
   margin-top:-10px;
   }

#en_tete #news #bloc a{
   color:#4e3f31;
   text-decoration:none;
   }

#en_tete #news #bloc a:hover{
   color:#988c80;
   border-bottom:1px dashed #988c80;
   }
   
#en_tete #news #bloc p{
   text-align:center;
   color:#957578;
   }
   
/** Affiliate **/

#en_tete #affiliate{
   font-size:12px;
   }

#en_tete #affiliate ul{
   list-style-type:circle;
   margin-top:-4px;
   }

#en_tete #affiliate a{
   color:#4e3f31;
   text-decoration:none;
   }

#en_tete #affiliate a:hover{
   color:#988c80;
   border-bottom:1px dashed #988c80;
   }

/** Staff **/

#en_tete #staff a{
   color:#4e3f31;
   text-decoration:none;
   }

#en_tete #staff a:hover{
   color:#988c80;
   border-bottom:1px dashed #988c80;
   }


/* Infobulle */
a.infobulle {
   position: relative;
     text-decoration:none;
   color:#CC5252;
   }

a.infobulle span {
   display: none; /*Masque l'infobulle*/
   }
   
a.infobulle:hover {
   background: none; /*Pour le "bug" d'internet explorer*/
   z-index: 999;
   }

a.infobulle:hover span {
   display: inline; /*Pour afficher l'infobulle au passage de la souris*/
   position: absolute;
   width:auto;
   text-align:center;
   z-index:1000;

   white-space: nowrap; /*Pour éviter les retours à la ligne non désirés*/

   bottom: 25px; /*Position de l'infobulle*/
   right: 8px;

   background-color:#dac5b1; /*Couleur de fond*/
   /*background-image:url("infobulle.png");*/
      
   color: #957578; /*Couleur du texte*/
   padding: 3px;


   /*Bordures de l'infobulle*/
   border: 1px dotted #6c5f51;
   -moz-border-radius:12px;
   -webkit-border-radius:12px;
   border-radius:12px;
   }

.infobulle td{
   text-align:center;
   }
   
.avatar{
   width:100px;
   }

.pseudo{
   font-weight:bold;
   font-size:14px;
   font-variant:small-caps;
   border-bottom:dashed 1px #6c5f51;
   border-top:dashed 1px #6c5f51;
   border-left:solid 3px #6c5f51;
   border-right:solid 3px #6c5f51;
   background-color:#d6b9d7;
   }

.rang{
   font-style:italic;
   font-size:10px;
   color:#666666;
   margin-top:-12px;
   }

.contact{
   font-size:12px;
   color:#666666;
   }
   
/** Infos du forum **/

#en_tete #infos{
   font-size:10px;
   }

#en_tete #infos ul{
   list-style-type:none;
   margin-top:-4px;
   }
   
#en_tete #infos ul li{
   margin-left:-12px;
   }
   
#en_tete #infos ul li span{
   font-weight:bold;
   }
   
#en_tete #infos fieldset{
   width:180px;
   margin:auto;
   text-align:center;
   }

#en_tete #infos #code_logo{
   width:180px;
   border:1px solid #666666;
   margin:auto;
   height:30px;
   overflow-y:scroll;
   overflow-x:hidden;
   }
   
/** Navigation **/

/* Première ligne */

#en_tete #nav #nav_site{
   text-align:center;
   }
   
#en_tete #nav #nav_forum{
   text-align:center;
   font-size:12px;
   margin-top:14px;
   }

#en_tete #nav #nav_forum a{
   text-decoration:none;
   color:#fec2db;
   background-color:#ffffff;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:6px;
   padding-right:6px;
   font-weight:bold;
   border: 2px dotted #988c80;
   }

#en_tete #nav #nav_forum a#insc{
   color:#46131a;
   }
   
#en_tete #nav #nav_site{
   margin-top:26px;
   position:absolute;
   z-index: 100;
   }

#en_tete #nav #nav_site span{
   float:left;
   margin-left:2px;
   margin-right:2px;
   }

#en_tete #nav #nav_site a.ascenseur{
   text-decoration:none;
   color:#46131a;
   background-color:#ffffff;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:6px;
   padding-right:6px;
   font-weight:bold;
   border: 2px dotted #988c80;
   }


#en_tete #nav #nav_site .lien_menu_haut{
   width:100px;
   border: 1px dotted #6c5f51;
   -moz-border-radius:12px;
   -webkit-border-radius:12px;
   border-radius:12px;
   background-color:#dac5b1;
   margin:auto;
   }
   
#en_tete #nav #nav_site ul{
   list-style-type:circle;
   font-size:12px;
   margin-left:-20px;
   text-align:left;
   }
   
#en_tete #nav #nav_site ul li a{
   color:#4e3f31;
   text-decoration:none;
   }

#en_tete #nav #nav_site ul li a:hover{
   color:#988c80;
   border-bottom:1px dashed #988c80;
   }
.description_forum{font-weight:lighter;border-left:1px dotted #060B11;border-right:1px dotted #060B11;border-top:1px dotted #060B11;border-bottom:1px dotted #060B11;background: transparent}

h1.titre{border:1px;solid;border-radius: 5px;background: #FFB3D9;}
h1.titre a:hover{font-variant:small-caps;}
h1.titre a{font-size:18px;text-align:center;color: #976882; font-family: Times New Roman;}

.barre_titre{
  font-family:verdana;
  color:#F5F5DC;
  font-size:12px;
  font-weight:bold;
  background-image:url('http://i42.servimg.com/u/f42/11/72/51/74/user10.png');
  background-repeat:repeat;
  background-position:center;
  background-color:#800080;
  padding-left:200px;
  border: dotted 1px black;
  width:600px;
  min-height:50px;
  height:50px;
  }

</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->

</head>
<body style="background-color:#ffedd9">
<a name="top"></a>
<!-- Début de l'en-tete -->

<div id="en_tete">
   <table cellpadding="0" cellspacing="0">
      <tr>
         <td>
            <table cellpadding="0" cellspacing="0">
               <tr>
                  <td id="bienvenue">
                     <img src="http://i22.servimg.com/u/f22/11/72/51/74/bienve10.gif" alt="bienvenue sur Newteen" style="height:50px;width:128px;margin-bottom:-12px;"/>
                     <p>Bienvenue sur ton forum préféré de discussions entre filles. Tu es ici chez toi, pour parler de tous les sujets qui te tiennent à coeur, mais aussi pour participer à des jeux, des concours, ...</p>
                     <p>On est ici entre copines, prêtes à partager des bouts de nos vies, à s'entraider, à se confier, mais aussi à se détendre en s'amusant. Nous espérons que tu te plairas parmi nous ! </p>
                     <p>Rejoins nous vite !</p>
                     <p id="equipe">L'équipe de Newteen.</p>
                  </td>
                  <td id="bann_newteen"><a href="http://newteen.xooit.com/index.php"><img src="http://i42.servimg.com/u/f42/11/72/51/74/header15.png" alt="bienvenue sur Newteen" /></a></td>
               </tr>
            </table>
         </td>
      </tr>
      <tr>
         <td id="nav">
            <img src="http://i22.servimg.com/u/f22/11/72/51/74/navigr10.gif" alt="navig rapid" style="height:50px;width:128px;margin-bottom:-12px;float:left;"/>
            <div id="nav_forum"><a href="http://newteen.kelio.org">Le site</a> <a href="{U_SEARCH}">Rechercher</a> <a href="{U_MEMBERLIST}">Membres</a> <a href="{U_GROUP_CP}">Groupes</a> <a href="{U_PROFILE}">Profil</a> <!-- BEGIN switch_user_logged_out --><a href="{U_PRIVATEMSGS}">Vérifier mes MP</a><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><a href="{U_PRIVATEMSGS}">Messagerie</a><!-- END switch_user_logged_in --> <!-- BEGIN switch_user_logged_out --><a href="{U_REGISTER}" id="insc">Inscris-toi</a><!-- END switch_user_logged_out --> <!-- BEGIN switch_user_logged_out --><a href="{U_LOGIN_LOGOUT}">Connexion</a><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><a href="{U_LOGIN_LOGOUT}">Déconnexion</a><!-- END switch_user_logged_in --></div>
            <div id="nav_site">
            <table><tr><td style="width:24px"> </td><td align="center">
               <span><a href="http://newteen.xooit.com/f170-J-ai-des-relations-qu-est-ce-que-tu-crois.htm" class="ascenseur"/>Les relations</a></span>
               <span><a href="http://newteen.xooit.com/f26-les-dossier-de-on-te-repond.htm" class="ascenseur"/>Mon monde</a></span>
               <span><a href="http://newteen.xooit.com/f97-sTyle.htm" class="ascenseur"/>Mode/beauté</a></span>
               <span><a href="http://newteen.xooit.com/f105-A-l-affiche.htm" class="ascenseur"/> A l'affiche </a></span>
               <span><a href="http://newteen.xooit.com/f7-tell-me-more.htm" class="ascenseur"/>  Détente  </a></span>
               <span><a href="http://newteen.xooit.com/f100-le-coin-du-graphisme.htm" class="ascenseur"/> Créativité </a></span>
            </td><td style="width:24px"> </td></tr></table>
            </div>
         </td>
      </tr>
      <tr>
         <td>
            <table cellpadding="0" cellspacing="0">
               <tr>
                  <td id="fille"> </td>
                  <td>
                     <table cellpadding="0" cellspacing="0">
                        <tr>
                           <td id="img_secret"> </td>
                        </tr>
                        <tr>
                           <td>
                              <table cellpadding="0" cellspacing="0">
                                 <tr>
                                    <td id="reseau">
                                       <img src="http://i22.servimg.com/u/f22/11/72/51/74/reseau10.gif" alt="Le réseau de Newteen" style="height:59px;width:150px;" />
                                       <div id="img_reseau">
                                          <a href="http://twitter.com/newteengirl" target="_blank"><img src="http://i22.servimg.com/u/f22/11/72/51/74/twitpr10.gif" alt="Rejoins nous sur Twitter" title="Rejoins nous sur Twitter" /></a><br>
<a href="http://www.facebook.com/#!/pages/Newteen/109026506423" target="_blank"><img src="http://i22.servimg.com/u/f22/11/72/51/74/fbptp10.gif" alt="Rejoins nous sur Facebook" title="Rejoins nous sur Facebook" /></a><br>
<a href="http://www.newteen.skyblog.com" target="_blank"><img src="http://i22.servimg.com/u/f22/11/72/51/74/skypts10.gif" alt="Rejoins nous sur Skyrock" title="Rejoins nous sur Skyrock" /></a><br>
<a href="http://www.weetix.fr/web/forumdefilles" target="_blank"><img src="http://i22.servimg.com/u/f22/11/72/51/74/topfop10.gif" alt="Top site" title="Top site" /></a>
                                       
                                       </div>
                                    </td>
                                    <td id="news">
                                       <fieldset id="bloc"><legend><img src="http://i22.servimg.com/u/f22/11/72/51/74/quoide11.gif" alt="Quoi de neuf sur Newteen" style="height:59px;width:209px;" /></legend>
                                           <ul>
                                             <li> Un peu de soleil en <b>Novembre</b> avec la fruit'Family !!  <br/> </li>
                                                                                                                       
                                                </li>
<li>Suite à vos votes,la déléguée du mois de Novembre est : Marylin  ! Pensez à voter pour élire la déléguée du mois de Décembre :)
                                                 </li>
                                             
<li> N'hésite pas à demander l'accès à la rubrique VIP, pour avoir des créations uniques à ton pseudo :D En ce moment des avatars de la Fruit'family ! </li>
                                             <li>Vas vite voir les concours! il y en a toujours de nouveaux ! <a href="http://newteen.xooit.com/f162-You-win.htm" target="_blank">accès aux concours</a></li> </li>
<li><g>Venez participer a la rubrique spéciale de Novembre sur <b>Les Fruits </b> ! </g> </li>
                                          </ul>
                                          <p>Photographe amatrice ? Passionnée d'écriture ? chasseuse de fautes ? Le site recrute une équipe sur <a href="http://newteenlaredact.xooit.com/index.php" target="_blank">Le forum de la redac'</a></p>
                                       </fieldset>
                                    </td>
                                 </tr>
                              </table>
                           </td>
                        </tr>
                        <tr>
                           <td>
                              <table cellpadding="0" cellspacing="0">
                                 <tr>
                                    <td id="affiliate">
                                       <img src="http://i22.servimg.com/u/f22/11/72/51/74/les_co10.gif" alt="Top Affiliate" style="height:61px;width:186px;" />
                                       <ul>
                                          <script type="text/javascript" language="javascript" src="http://www.i-services.net/membres/partenariat/liens.php?uid=144032&sid=89666&limit=3&disp=v"></script>
                                          <li><a href="http://newteen.kelio.org/partenaires__stats___504.htm" target="_blank">Plus</a></li>
                                          <li><a href="http://newteen.xooit.com/t88-A-LIRE-SI-VS-SOUHAITER-QUEVOTRE-DEMANDE-SOI-ACCEPTER.htm" target="_blank">Et toi ?</a></li>
                                       </ul>
                                    </td>
                                    <td id="staff">
                                       <img src="http://i22.servimg.com/u/f22/11/72/51/74/equipe10.gif" alt="Le Staff" style="height:61px;width:186px;" />
                                    <div class="image">
                                          
                                                                  <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=2" title="Newteen" class="infobulle"><img src="http://i42.servimg.com/u/f42/11/72/51/74/newtee10.png" alt="Newteen"/><span><table width="130px"cellspacing="1" cellpadding="1" border="0"><tbody><tr><td><img src="http://i42.servimg.com/u/f42/11/72/51/74/avamoi10.png" class="avatar" alt="Newteen"/><p class="pseudo"><a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=2" target="_blank">Newteen</a></p><p class="rang">Admin</p><p class="contact">Lui envoyer un <a href="http://newteen.xooit.com/privmsg.php?mode=post&u=2">MP</a><br />Voir son <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=2">profil</a></p></td></tr></tbody></table></span></a>

                                                                  <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=103" title="Choupiinette" class="infobulle"><img src="http://i42.servimg.com/u/f42/11/72/51/74/02927610.jpg" alt="~ ChoOps ~"/><span><table width="130px"cellspacing="1" cellpadding="1" border="0"><tbody><tr><td><img src="http://i42.servimg.com/u/f42/11/72/51/74/02927611.jpg" class="avatar" alt="Choupiinette"/><p class="pseudo"><a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=103" target="_blank">Choupiinette</a></p><p class="rang">Co-Admin</p><p class="contact">Lui envoyer un <a href="http://newteen.xooit.com/privmsg.php?mode=post&u=103">MP</a><br />Voir son <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=103">profil</a></p></td></tr></tbody></table></span></a>

                                                                  <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=96" title="Nariska" class="infobulle"><img src="http://i42.servimg.com/u/f42/11/72/51/74/narisk10.jpg" alt="NAriska"/><span><table width="130px"cellspacing="1" cellpadding="1" border="0"><tbody><tr><td><img src="http://i42.servimg.com/u/f42/11/72/51/74/8fa8f710.jpg" class="avatar" alt="Nariska"/><p class="pseudo"><a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=96" target="_blank">Nariska</a></p><p class="rang">Pubeuse</p><p class="contact">Lui envoyer un <a href="http://newteen.xooit.com/privmsg.php?mode=post&u=96">MP</a><br />Voir son <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=96">profil</a></p></td></tr></tbody></table></span></a>
 
                                                                  <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=110" title="Mushu*" class="infobulle"><img src="http://i42.servimg.com/u/f42/11/72/51/74/mushup10.png" alt="Mushu*"/><span><table width="130px"cellspacing="1" cellpadding="1" border="0"><tbody><tr><td><img src="http://i42.servimg.com/u/f42/11/72/51/74/avatar10.png" class="avatar" alt="Mushu*"/><p class="pseudo"><a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=110" target="_blank">Mushu*</a></p><p class="rang">Modératrice</p><p class="contact">Lui envoyer un <a href="http://newteen.xooit.com/privmsg.php?mode=post&u=110">MP</a><br />Voir son <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=110">profil</a></p></td></tr></tbody></table></span></a>

<a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=293" title="Marilyn" class="infobulle"><img src="http://img80.imageshack.us/img80/9113/copiedesansre12d9354a.png" alt="Marilyn"/><span><table width="130px"cellspacing="1" cellpadding="1" border="0"><tbody><tr><td><img src="http://img502.imageshack.us/img502/3833/copiedesansre12d9354a1.png" class="avatar" alt="Marilyn"/><p class="pseudo"><a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=274" target="_blank">Marilyn</a></p><p class="rang">Modératrice<p class="contact">Lui envoyer un <a href="http://newteen.xooit.com/privmsg.php?mode=post&u=293">MP</a></br> Voir son <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=293">profil</a></p></td></tr></tbody></table></span></a>
 
                                                                    <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=135" title="Melle Audrey" class="infobulle"><img src="http://i42.servimg.com/u/f42/11/72/51/74/mellea10.png" alt="Melle Audrey"/><span><table width="130px"cellspacing="1" cellpadding="1" border="0"><tbody><tr><td><img src="http://i42.servimg.com/u/f42/11/72/51/74/mellea11.png" class="avatar" alt="Melle Audrey"/><p class="pseudo"><a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=135" target="_blank">Melle Audrey</a></p><p class="rang">Animatrice<br>Manager</p><p class="contact">Lui envoyer un <a href="http://newteen.xooit.com/privmsg.php?mode=post&u=203">MP</a><br />Voir son <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=203">profil</a></p></td></tr></tbody></table></span></a>

                                                                    <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=178" title="Tite-abeille76" class="infobulle"><img src="http://i42.servimg.com/u/f42/11/72/51/74/2-2c1c10.png" alt="Tite-abeille76"/><span><table width="130px"cellspacing="1" cellpadding="1" border="0"><tbody><tr><td><img src="http://i42.servimg.com/u/f42/11/72/51/74/avatar11.png" class="avatar" alt="Tite-abeille76"/><p class="pseudo"><a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=178" target="_blank">Tite-abeille76</a></p><p class="rang">Correctrice<p class="contact">Lui envoyer un <a href="http://newteen.xooit.com/privmsg.php?mode=post&u=178">MP</a><br />Voir son <a href="http://newteen.xooit.com/profile.php?mode=viewprofile&u=178">profil</a></p></td></tr></tbody></table></span></a>

                                       </div>
                                    </td>
                                    <td id="infos">
                                       <img src="http://i22.servimg.com/u/f22/11/72/51/74/a_prop10.gif" alt="Les infos du forum" style="height:57px;width:199px;" />
                                       <ul>
                                          <li><span>Ouverture :</span> 23 Juillet 2007</li>
                                          <li><span>Fondatrice :</span> Newteen</li>
                                          <li><span>Edition :</span> octobre 2011</li>
                                       </ul>
                                       <fieldset><legend class="sous_titre">Lier Newteen</legend>
                                           <div class="image"><a href="http://newteen.xooit.com/index.php" target="_blank"><img src="http://i22.servimg.com/u/f22/11/72/51/74/13035610.gif" alt="Newteen"  title="Newteen Girl" /></a></div><br />
                                           <div id="code_logo"><a href="http://newteen.xooit.com/index.php"><img src="http://i22.servimg.com/u/f22/11/72/51/74/13035610.gif" alt="Newteen" title="Newteen Girl" border="0" /></a></div>
                                       </fieldset>
                                    </td>
                                 </tr>
                              </table>
                           </td>
                        </tr>
                     </table>
                  </td>
               </tr>
            </table>
         
         </td>
      </tr>
   </table>
<center><a href="http://school-of-pub.top-forum.net" target="_blank"><img src="http://i754.photobucket.com/albums/xx188/School_of_pub/ete_2010/userbar_aidesop.png" alt="School Of Pub, forum d'entraide et de formations" border="0" /></a></center>
</div>

<!-- Fin de l'en-tête -->
      
      </td>
   </tr>   
</table>     
<table width="800" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
     <td class="bodyline">


Enfaite je t'ai copier tout le overall headeur car j'y retrouve rien ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

kiri

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Formatrice codeuse, Admin et analyste; RH
Marraine

Journaliste du M-SoP

Nombre de messages: 7075
Age: 37
Localisation: dans les bras de mon Homme
$ops: 12541
Points: 200
Date d'inscription: 24/06/2010
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Mer 9 Nov - 7:57

alors avant d'enlever quoique se soit on va créer notre entête sur un page à coté

ensuite on viendra la placée ici

dans ton template il y a des indications comme etc Smile

on se prépare d'abord l'entête?

_________________

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone [ by Bjarne Stroustrup ]


Mes cadeaux de Noel : Merci Clo
Merci Volt
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ile-improbable.net/
 

Choops-x3

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 248
Age: 20
$ops: 1279
Points: 5
Date d'inscription: 01/07/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Mer 9 Nov - 11:36

ok pas de problème
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

kiri

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Formatrice codeuse, Admin et analyste; RH
Marraine

Journaliste du M-SoP

Nombre de messages: 7075
Age: 37
Localisation: dans les bras de mon Homme
$ops: 12541
Points: 200
Date d'inscription: 24/06/2010
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Mer 9 Nov - 14:00

tu as vu / lu le tuto sur les tableaux ? as tu des questions?

_________________

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone [ by Bjarne Stroustrup ]


Mes cadeaux de Noel : Merci Clo
Merci Volt
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ile-improbable.net/
 

Choops-x3

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 248
Age: 20
$ops: 1279
Points: 5
Date d'inscription: 01/07/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Mer 9 Nov - 18:58

A vue d'oeil ça me semble assez clair ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

kiri

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Formatrice codeuse, Admin et analyste; RH
Marraine

Journaliste du M-SoP

Nombre de messages: 7075
Age: 37
Localisation: dans les bras de mon Homme
$ops: 12541
Points: 200
Date d'inscription: 24/06/2010
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Mer 9 Nov - 19:41

ok

les titres des onglets seront en texte ou bien ce sont les éléments graphiques fournis?

_________________

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone [ by Bjarne Stroustrup ]


Mes cadeaux de Noel : Merci Clo
Merci Volt
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ile-improbable.net/
 

Choops-x3

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 248
Age: 20
$ops: 1279
Points: 5
Date d'inscription: 01/07/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Ven 11 Nov - 12:59

Je vais essayer de le faire avec les éléments que j'ai fourni, tu penses que ça ira?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

kiri

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Formatrice codeuse, Admin et analyste; RH
Marraine

Journaliste du M-SoP

Nombre de messages: 7075
Age: 37
Localisation: dans les bras de mon Homme
$ops: 12541
Points: 200
Date d'inscription: 24/06/2010
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Ven 11 Nov - 13:14

tu as 5 onglets

si les images fournies sont pour les titres elles sont un peu grandes mis cote à cote

_________________

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone [ by Bjarne Stroustrup ]


Mes cadeaux de Noel : Merci Clo
Merci Volt
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ile-improbable.net/
 

Choops-x3

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 248
Age: 20
$ops: 1279
Points: 5
Date d'inscription: 01/07/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Ven 11 Nov - 14:27

Ok alors je vais les réduire mais par contre je suis chez mon copain il a pas le logiciel pour grr
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

kiri

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Formatrice codeuse, Admin et analyste; RH
Marraine

Journaliste du M-SoP

Nombre de messages: 7075
Age: 37
Localisation: dans les bras de mon Homme
$ops: 12541
Points: 200
Date d'inscription: 24/06/2010
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Ven 11 Nov - 14:59

pas grave tu peux commencer à regarder le tuto http://www.school-of-pub.net/t5472-faire-une-en-tete-sous-forme-d-onglets

et à construire ta structure

_________________

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone [ by Bjarne Stroustrup ]


Mes cadeaux de Noel : Merci Clo
Merci Volt
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ile-improbable.net/
 

Choops-x3

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 248
Age: 20
$ops: 1279
Points: 5
Date d'inscription: 01/07/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Ven 11 Nov - 15:31

Ok par contre quand je faisais ma formation tu m'avais passer un logiciel tu sais pour le codage mais je sais plus du tout comment a s'appelle & vu qu eje suis pas chez moi je l'ai pu :s
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

kiri

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Formatrice codeuse, Admin et analyste; RH
Marraine

Journaliste du M-SoP

Nombre de messages: 7075
Age: 37
Localisation: dans les bras de mon Homme
$ops: 12541
Points: 200
Date d'inscription: 24/06/2010
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: Aide pour mon en-tête   Ven 11 Nov - 17:54

[notepad++] Wink

si tu as besoin d'un rappel pour son utilisation n'hésite pas

_________________

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone [ by Bjarne Stroustrup ]


Mes cadeaux de Noel : Merci Clo
Merci Volt
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ile-improbable.net/
 

Aide pour mon en-tête

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 3Aller à la page : 1, 2, 3  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Archives du forum :: Les archives du forum :: Aides spécifiques-


Aller en haut
Aller en bas