It is currently Tue 27 Sep 2016 - 08:59 - créer un forum

[TUTO]Ajouter un cadre d'images autour de votre forum

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3, 4  >

[TUTO]Ajouter un cadre d'images autour de votre forum
Author Message
An0nyme





PostPosted: Fri 9 Jan 2009 - 02:46    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Twilight wrote:
Joli tutoriel en effet, à voir l'effet rendu sur les forums, chacun aimant ou pas. Mais pour ma part, si on peut "encadrer" pas seulement le forum, mais plutôt des blocs, alors il sera adapté. Merci bien cher AnonYme. Wink


Euh non pas possible de préciser une démarche bien précise pour les novices en HTML malheureusement donc je m'en suis tenu à la démarche pour le cadre du forum.
Le truc c'est qu'il n'y a pas moyen de convertir cela proprement dans une classe CSS donc pas moyen de généraliser sans perdre en chemin les novices.

EDIT : maintenant vous pouvez faire un cadre avec 4 côtés et 4 coins. Wink
Author Message
Tuserapas


Offline
Guest




PostPosted: Sun 11 Jan 2009 - 12:59    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

Bonjour ,

Enfaite mon problème est que je n'est pas "<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">" mais
Code: Sélectionner - Agrandir

<div id="page">
<center>
<form style="display: inline; margin:6;">
<select style="background: #ffffff;" onchange="chooseStyle(this.options[this.selectedIndex].value);">
<option>Choisir une image de fond</option>
<option value="1">Fond 1</option>
</select>
</form>
</center>

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
 



Donc comment je dois faire? :/

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 11 Jan 2009 - 13:08    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

bonjour

tu mets ça


 
Code: Sélectionner - Agrandir
<body>
<div id="page">
<center>
<form style="display: inline; margin:6;">
<select style="background: #ffffff;" onchange="chooseStyle(this.options[this.selectedIndex].value);">
<option>Choisir une image de fond</option>
<option value="1">Fond 1</option>
</select>
</form>
</center>

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
 
_______________________


Forum
Author Message
Tuserapas


Offline
Guest




PostPosted: Sun 11 Jan 2009 - 16:19    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

Merci ,

J'ai donc pu mettre mon cadre mais j'ai rencontre 2 probléme :
1érement le cadre de ne met que a droite et en bas.

2émement , l'image du cadre ce double comme tu peux le constater :
Smile :http://pandalcoolique.xooit.fr/index.php


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 11 Jan 2009 - 19:18    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

est ce que tu as fais la modification dans overall footer comme indiqué aussi??
_______________________


Forum
Author Message
An0nyme


Offline
Guest




PostPosted: Sun 11 Jan 2009 - 19:20    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

Salut, il semblerait que tu n'es fait que les modifs dans l'overall_footer.tpl, n'oublie pas la première modif' dans l'overall_header.tpl. Wink
PS : met aussi les bonnes dimensions de tes images, car tu n'as mis qu'un pixel à chaque fois...


EDIT : dans ton cas il faut ajouter le code dans l'overall_header.tpl après :

Code: Sélectionner - Agrandir
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>


Author Message
Tuserapas


Offline
Guest




PostPosted: Sun 11 Jan 2009 - 21:18    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

Merci désormais ca marche Wink , en revanche j'ai concervé le " 1 pixel " car la sa ne double pas l'image et ca fait comme je le veux , donc pas de raison de se plaindre =)

Et encore merci de votre patience ^^, vous êtes géniaux !


Author Message
famuella


Offline
Guest




PostPosted: Fri 6 Feb 2009 - 07:14    Post subject: bonjour Reply with quote

j'ai passé mon après midi à faire ce tuto mais je n'y arrive vraiment pas j'ai essayé et ça m'a donné ça
http://monforum-test.xooit.fr/index.php   , tout est mélangé


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 6 Feb 2009 - 10:13    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

bonjour

c'est parce que le thème utilisé est différent et qu'il faut plus bidouillé pour avoir ce que tu veux
sinon est ce que tu as bien placé les codes aux endroits indiqués??

le mieux et d'abord de le faire en thème de test et une fois que tu as ce que tu veux tu échanges les thèmes
_______________________


Forum
Author Message
An0nyme


Offline
Guest




PostPosted: Fri 6 Feb 2009 - 14:36    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

Salut, votre thème possédait déjà des bordures en images (shcéma un peu plus complexe par contre), avez-vous pensé à tout simplement remplacer les images présentes par des images équivalentes via "modifier les images"?


Voilà en gros à quoi ressemble votre thème :


aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaa
aaaa





aaaaaaaaaaaaaaaaaaaaaaaaaaa





aaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa


Author Message
famuella


Offline
Guest




PostPosted: Fri 6 Feb 2009 - 17:30    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

Bonjour ,

oui j'ai essayé de changer les images  dans via modifier les images ça a marché sur le portail et l'index mais pas dans les  sujets des sous catégories je ne comprend pas trop pourquoi.

Merci de m'aider


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 6 Feb 2009 - 19:18    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

tu changes bien toute les images qui correspondent à la bordure???
_______________________


Forum
Author Message
famuella


Offline
Guest




PostPosted: Fri 6 Feb 2009 - 20:10    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

oui j'ai tout changé  décidement  je crois ne pas être faite pour bricoler un forum  Crying or Very sad Crying or Very sad Crying or Very sad

Author Message
Phantom[XIII]


Offline
Guest




PostPosted: Thu 25 Jun 2009 - 13:44    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

Bonjour,
J'ai le thème Solaris sur mon forum et les templates ne sont pas les mêmes. Je souhaiterais faire juste un cadre blanc autour du forum mais je n'y arrive pas.

Voici le template overall_footer.tpl :

Code: Sélectionner - Agrandir
  </td>
                         <td width="1%"><img src="images/spacer.gif" width="10" /></td>
                       </tr>
                  </table>                  
                         
                      </td>
               </tr>
            </table>       
          
           </td>
          </tr>
          <tr>
            <td colspan="2"><img src="http://img7.xooimage.com/files/3/8/2/bg_bottom_border-32924-100f8c5.jpg" width="750" height="32" /></td>
          </tr>
        </table>
   

     </td>
  </tr>
</table>

<div align="center"><span class="copyright"><br />{ADMIN_LINK}<br /><br />

<!--
   Removal of the template credit notice and image below cancels your right to use this template.
-->

<a href="http://www.jakob-persson.com" class="copyright">
<img src="http://img7.xooimage.com/files/0/b/6/solaris-ffa675.png" border="0"/><br />

Solaris phpBB theme/template by Jakob Persson<br />
Copyright &copy; Jakob Persson 2003</a><br /><br /><br />

<!--

  NOTICE

  Solaris template, originally custom designed for alternativeSuns forums (http://forum.alternativesuns.com).
  Template created by Jakob Persson (http://www.jakob-persson.com), see my website for more free templates
  and samples of my work.
 
  This template is in no way associated or affiliated with the film by the same name released in 2002, directed
  by Steven Soderbergh and distributed by 20th Century Fox.
  No trademark infringement intended. Choice of name solely meant as a tribute to the science-fiction novel
  by the same name by author Stanislaw Lem (http://www.cyberiad.info).
 
  This template is publicly available for use with the phpBB forum software (http://www.phpbb.com).
 
  This template is copyright (c) Jakob Persson 2003.
 
  Template ID: EkjAk9vYSF2dpi3LiBJR2Vq8jW9NX9pSYAxMfPGy 
 
  Removal or alteration of this notice is strongly prohibited.

-->

<!--
   We request you retain the full copyright notice below including the link to www.phpbb.com.
   This not only gives respect to the large amount of time given freely by the developers
   but also helps build interest, traffic and use of phpBB 2.0. If you cannot (for good
   reason) retain the full copyright we request you at least leave in place the
   Powered by phpBB {PHPBB_VERSION} line, with phpBB linked to www.phpbb.com. If you refuse
   to include even this then support on our forums may be affected.

   The phpBB Group : 2002
// -->

Powered by <a href="http://www.phpbb.com/" target="_phpbb" class="copyright">phpBB</a> {PHPBB_VERSION} &copy; 2001, 2002 phpBB Group<br />{TRANSLATION_INFO}</span></div>


<br />
<br />


</body>
</html>



Et le template overall_header.tpl :

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<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://img6.xooimage.com/files/1/2/3/solaris-100745d.css" type="text/css">

<!--

  NOTICE

  Solaris template, originally custom designed for alternativeSuns forums (http://forum.alternativesuns.com).
  Template created by Jakob Persson (http://www.jakob-persson.com), see my website for more free templates
  and samples of my work.
 
  This template is in no way associated or affiliated with the film by the same name released in 2002, directed
  by Steven Soderbergh and distributed by 20th Century Fox.
  No trademark infringement intended. Choice of name solely meant as a tribute to the science-fiction novel
  by the same name by author Stanislaw Lem (http://www.cyberiad.info).
 
  This template is publicly available for use with the phpBB forum software (http://www.phpbb.com).
 
  This template is copyright (c) Jakob Persson 2003.
 
  Template ID: EkjAk9vYSF2dpi3LiBJR2Vq8jW9NX9pSYAxMfPGy 
 
  Removal or alteration of this notice is strongly prohibited.

-->

<!-- 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>
<table width="750" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>
    <td valign="top" class="maintable">
   
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="50%" valign="top"><a href="{U_INDEX}" class="nav"><img src="http://img1.xooimage.com/files/9/b/5/solaris-aab75c-1007476.png" border="0" /></a></td>
            <td width="50%" valign="top">
         
         <table border="0" align="right" cellpadding="0" cellspacing="1">
                <tr>
                  <td></td>
                  <td></td>
                  <td><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" /></td>
                </tr>
                <tr>
                  <td><a href="{U_FAQ}" name="topnavurl0"><img src="http://img10.xooimage.com/files/f/6/c/topimg_faq-e-35920.jpg" alt="{L_FAQ}" name="topnavimg0" border="0" /></a></td>   
                                  <!-- IF S_USER_LOGGED_IN -->               
              <td><a href="{U_LOGIN_LOGOUT}" name="topnavurl1"><img src="http://img7.xooimage.com/files/t/o/topimg_logout-e-4236a.jpg" alt="{L_LOGIN_LOGOUT}" name="topnavimg1" border="0" /></a></td>   
                                  <!-- ELSE -->   
              <td><a href="{U_LOGIN_LOGOUT}" name="topnavurl1"><img src="http://img6.xooimage.com/files/t/o/topimg_login-e-4ebcc.jpg" alt="{L_LOGIN_LOGOUT}" name="topnavimg1" border="0" /></a></td>       
                                  <!-- ENDIF -->
                  <td><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" /></td>
                </tr>
                <tr>
                  <td><a href="{U_SEARCH}" name="topnavurl2"><img src="http://img10.xooimage.com/files/f/c/d/topimg_search-e-51b42.jpg" alt="{L_SEARCH}" name="topnavimg2" border="0" /></a></td>
                  <td><a href="{U_PROFILE}" name="topnavurl3"><img src="http://img5.xooimage.com/files/t/o/topimg_profile-e-5423f.jpg" alt="{L_PROFILE}" name="topnavimg3" border="0" /></a></td>
                  <td><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" /></td>
                </tr>
                <tr>
                  <td><a href="{U_MEMBERLIST}" name="topnavurl4"><img src="http://img5.xooimage.com/files/t/o/topimg_members-e-4a514.jpg" alt="{L_MEMBERLIST}" name="topnavimg4" border="0" /></a></td> <!--  onLoad="this.src=topnavimg_4;" -->
                  <td><a href="{U_GROUP_CP}" name="topnavurl5"><img src="http://img8.xooimage.com/files/t/o/topimg_groups-e-4a513.jpg" alt="{L_USERGROUPS}" name="topnavimg5" border="0" /></a></td>
                  <td><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" /></td>
                </tr>
                <tr>
                  <td colspan="2"><a href="{U_PRIVATEMSGS}" name="topnavurl6"><img src="{PRIVMSG_IMG}" alt="{PRIVATE_MESSAGE_INFO}" name="topnavimg6" border="0" /></a></td>
                  <td><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" /></td>
                </tr>
                <!-- IF ! S_USER_LOGGED_IN -->
                <tr>
                  <td colspan="2"><a href="{U_REGISTER}" name="topnavurl7"><img src="http://img7.xooimage.com/files/6/3/f/topimg_register-e-45c32.jpg" name="topnavimg7" alt="{L_REGISTER}" border="0" /></a></td>
                  <td><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" /></td>
                </tr>
                <!-- ENDIF -->
              </table>
       
         </td>
          </tr>
          <tr valign="top">
            <td colspan="2"><img src="http://img10.xooimage.com/files/a/f/8/msc.xooi-ff6a90.png" /></td>
          </tr>
          <tr>             
            <td colspan="2">
         
              <table width="720" border="0" cellpadding="0" cellspacing="0" align="center">
               <tr>                 
                        <td class="mainforumcell">
                  
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                       <tr>
                         <td width="1%"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" /></td>
                         <td width="98%">



Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 25 Jun 2009 - 18:45    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

bonjour

dans ton overall header tu mets le premier code après ça
Code: Sélectionner - Agrandir

</script>
<!-- END switch_enable_pm_popup -->

</head>
<body>
<table width="750" border="0" cellpadding="0" cellspacing="0" align="center">
  <tr>


et tu remplaces ton overall footer par ça


Code: Sélectionner - Agrandir
      </td>
                             <td width="1%"><img src="images/spacer.gif" width="10" /></td>
                           </tr>
                      </table>                 
                             
                          </td>
                   </tr>
                </table>       
             
               </td>
              </tr>
              <tr>
                <td colspan="2"><img src="http://img7.xooimage.com/files/3/8/2/bg_bottom_border-32924-100f8c5.jpg" width="750" height="32" /></td>
              </tr>
            </table>
       

         </td>
      </tr>
    </table>

    <div align="center"><span class="copyright"><br />{ADMIN_LINK}<br /><br />

    <!--
       Removal of the template credit notice and image below cancels your right to use this template.
    -->

    <a href="http://www.jakob-persson.com" class="copyright">
    <img src="http://img7.xooimage.com/files/0/b/6/solaris-ffa675.png" border="0"/><br />

    Solaris phpBB theme/template by Jakob Persson<br />
    Copyright &copy; Jakob Persson 2003</a><br /><br /><br />

    <!--

      NOTICE

      Solaris template, originally custom designed for alternativeSuns forums (http://forum.alternativesuns.com).
      Template created by Jakob Persson (http://www.jakob-persson.com), see my website for more free templates
      and samples of my work.
     
      This template is in no way associated or affiliated with the film by the same name released in 2002, directed
      by Steven Soderbergh and distributed by 20th Century Fox.
      No trademark infringement intended. Choice of name solely meant as a tribute to the science-fiction novel
      by the same name by author Stanislaw Lem (http://www.cyberiad.info).
     
      This template is publicly available for use with the phpBB forum software (http://www.phpbb.com).
     
      This template is copyright (c) Jakob Persson 2003.
     
      Template ID: EkjAk9vYSF2dpi3LiBJR2Vq8jW9NX9pSYAxMfPGy
     
      Removal or alteration of this notice is strongly prohibited.

    -->

    <!--
       We request you retain the full copyright notice below including the link to www.phpbb.com.
       This not only gives respect to the large amount of time given freely by the developers
       but also helps build interest, traffic and use of phpBB 2.0. If you cannot (for good
       reason) retain the full copyright we request you at least leave in place the
       Powered by phpBB {PHPBB_VERSION} line, with phpBB linked to www.phpbb.com. If you refuse
       to include even this then support on our forums may be affected.

       The phpBB Group : 2002
    // -->

    Powered by <a href="http://www.phpbb.com/" target="_phpbb" class="copyright">phpBB</a> {PHPBB_VERSION} &copy; 2001, 2002 phpBB Group<br />{TRANSLATION_INFO}</span></div>


    <br />
    <br />

  </td>
                <td width="LARGEUR EN PX DE VOTRE IMAGE" style="background-image: url('LIEN IMAGE DE DROITE');">&nbsp;</td>
           </tr>
           </table>
           <table width="100%" cellspacing="0" cellpadding="0">
           <tr>
                <td height="HAUTEUR EN PX DE VOTRE IMAGE" width="100%" style="background-image: url('LIEN IMAGE DU BAS');">&nbsp;</td>
   </tr>
      </table>
    </td>
  </tr>
</table>
    </body>
    </html>

_______________________


Forum
Author Message
fanathitude
Membre


Offline
Membre

Joined: 28 Nov 2007
Posts: 72
Point(s): 72
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

PostPosted: Sun 12 Jul 2009 - 13:46    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum Reply with quote

Embarassed bonjour
j'ai essayer cela marche pas?pas mis de lien image c'est pour cela???
merci de votre aide


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 08:59    Post subject: [TUTO]Ajouter un cadre d'images autour de votre forum

Display posts from previous:   
Reply to topic Page 2 of 4 Goto page: <  1, 2, 3, 4  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401