Module partage réseaux

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Module partage réseaux

Message par Carlnat le Mar 26 Fév 2013 - 23:58

Bonsoir,

Lors de mon précèdant message à ce sujet tout fonctionne mais lors de ma demande j'aimerais avoir le tout sur le coté du forum et non en haut: http://forum.forumactif.com/t345519-module-de-partage

Voiçi CSS

Code:

hr{
 height: 0px;
 border: solid #aaaaaa 0px;
 border-top-width: 0px;
}

.bodyline{
 background-color: ##a3cfff;
  border: 0px #4596e1 solid;
-moz-border-radius:12px;
}

.forumline{
 background-color: #000000;
 border: 0px #000000 solid;
 }

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

.postdetails{
 font-size : 15px;
 color : #000000;
}


.postbody{
 font-size : 17px;
 line-height: 18px
}

.copyright{
 font-size: 17px;
 font-family: Arial,Comic Sans MS,CourierNew,Arial,Helvetica;
 color: #000000;
 letter-spacing: -1px;
}

a img {
border: 0px solid navy;
}


.bodyline {
background-image: url(ht);
background-repeat: repeat;
}





#share_content {
background:transparent; /* couleur de fond */
border:1px solid black; /* couleur de bordure, style et épaisseur */
position:fixed; /* permet de garder l’élément fixe */
right:0px; /* définit la distance entre l’élément et la droite de la page*/
top:40%; /* définit la distance entre l’élément et le haut de la page*/
padding:5px; /* ajoute une marge interne */}


Et dans Overall Header ligne 115 (Modifier ce au message précèdant)



Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}" lang="{L_LANG}">
<head>
 
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"><meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  {META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}">
{T_HEAD_STYLESHEET}
{CSS}<script src="{JQUERY_PATH}" type="text/javascript"></script><script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript"><!--
   window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
//-->
</script>
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
<script language="Javascript" type="text/javascript">
<!--
   report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
   report.focus();
//-->
</script>
<!-- END switch_report_popup -->
{GREETING_POPUP}
<style type="text/css">
<!-- BEGIN hitskin_preview -->
#hitskin_preview {
margin: 0; padding: 0;
position: fixed;
top: 0; left: 0;
width: 100%;
height: 65px;
background: url('http://illiweb.com/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
color: #fff;
}

* html #hitskin_preview { /* Fix for IE6m since it doesn't implement fixed positionning */
   position: absolute;
   top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
   z-index: 2;
   background: transparent url('http://illiweb.com/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}

* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
 background: #fff url(foo) fixed;
 }

#hitskin_preview h1 {
   float: left;
   margin: 3px 0 0 0;
   padding: 0 0 0 10px;
   font: italic normal 25px Arial,sans serif;
   color: #fff;
}
#hitskin_preview h1 img {
   vertical-align: middle;
}
#hitskin_preview em {
   color: #7CBA2C;
   font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}

#hitskin_preview .content {
   text-align: right;
}

#hitskin_preview .content p {
   margin: 4px 1em 0px 1em;
   font-size: 13px;
   line-height: 1.8em;
   color: #fff;
   font-weight: bold;
}
#hitskin_preview .content p span {
   font-weight: normal;
   font-size: 0.8em;
}
body {
   margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
<!-- END hitskin_preview -->
</style>
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
   _gaq.push(['_trackPageview']);

   (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   
    <div id="share_content">
  <a href="https://www.facebook.com/Nathalietiti.FODQ#!/pages/Forum-Oiseaux-du-Qu%C3%A9bec/452578405322?fref=ts"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/facebo10.jpg" /></a>
        <a href="http://forumoiseauxduquebec.wordpress.com"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/wordpr10.png" /></a>
        <a href="http://www.scoop.it/u/forum-oiseaux-du-quebec"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/scoop10.jpg" /></a>
        <a href="https://twitter.com/FODQ2011"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/twitte10.jpg" /></a>
      <a href="http://pinterest.com/fodq/"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/pinter10.png" /></a>
      <a href="http://friendfeed.com/forumoiseauxduqubec"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/friend10.png" /></a>
  </div>
 
  <!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
   <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br />
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>
<!-- END hitskin_preview -->
<a name="top"></a>
{JAVASCRIPT}
<center>
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
               <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a></td>
                  <td align="center" width="100%" valign="middle"><span class="maintitle">{MAIN_SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br>  </span></td>
               <!-- END switch_logo_left -->

               <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a><br />
                     <span class="maintitle">{MAIN_SITENAME}</span><br/>

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

               <!-- BEGIN switch_logo_right -->
                  <td align="center" width="100%" valign="middle"><span class="maintitle">{MAIN_SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br>  </span></td>
                  <td><a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a></td>
               <!-- END switch_logo_right -->
               </tr>
            </table>

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

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

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

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-33228801-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
 

Voiçi ce que le tout donne



Ce que je veux réaliser




Merci à l'avance pour cette aide.

Nathalie
Fondatrice / Administratrice
Forum Oiseaux du Québec
www.oiseauxduquebec.org


Dernière édition par Nathalie ODQ le Mer 27 Fév 2013 - 16:03, édité 1 fois

Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Matriochka le Mer 27 Fév 2013 - 10:31

Bonjour,

Sur le forum indiqué dans ton profil (et dans ton message) je vois bien le module à droite :


Est-ce bien celui-ci ou un autre ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Carlnat le Mer 27 Fév 2013 - 14:10

Bonjour

Oui j'ai travaillé dessus hier soir et j'en suis arriver à ce que tu as vu

Mais la mon problème est que le forum n'est plus centré

J'ai mis des flèches pour vous montrer la différence



J'ai diminuer Largeur du forum (nombre ou %) : 94% (Général, Configuration et structure de page) pour pouvoir mettre la barre du module sur le coté.
Mais je n'arrive pas à mettre le forum au centre bien centré.

Merci d'avoir prit le temps de vérifier et de me répondre.

Nathalie


Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Matriochka le Mer 27 Fév 2013 - 14:23

As-tu modifié le CSS entre temps ? Car là, je vois complètement autre chose…

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Carlnat le Mer 27 Fév 2013 - 14:30

Code CSS

Code:
hr{
 height: 0px;
 border: solid #aaaaaa 0px;
 border-top-width: 0px;
}

.bodyline{
 background-color: ##a3cfff;
  border: 0px #4596e1 solid;
-moz-border-radius:12px;
}

.forumline{
 background-color: #000000;
 border: 0px #000000 solid;
 }

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

.postdetails{
 font-size : 15px;
 color : #000000;
}


.postbody{
 font-size : 17px;
 line-height: 18px
}

.copyright{
 font-size: 17px;
 font-family: Arial,Comic Sans MS,CourierNew,Arial,Helvetica;
 color: #000000;
 letter-spacing: -1px;
}

a img {
border: 0px solid navy;
}


.bodyline {
background-image: url(ht);
background-repeat: repeat;
}





#share_content {
background:transparent; /* couleur de fond */
position:float; /* permet de garder l’élément fixe */
right:0px; /* définit la distance entre l’élément et la droite de la page*/
top:90%; /* définit la distance entre l’élément et le haut de la page*/
padding:0px; /* ajoute une marge interne */
}


Code OVERHALL HEADER

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}" lang="{L_LANG}">
<head>
 
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"><meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  {META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}">
{T_HEAD_STYLESHEET}
{CSS}<script src="{JQUERY_PATH}" type="text/javascript"></script><script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript"><!--
   window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
//-->
</script>
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
<script language="Javascript" type="text/javascript">
<!--
   report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
   report.focus();
//-->
</script>
<!-- END switch_report_popup -->
{GREETING_POPUP}
<style type="text/css">
<!-- BEGIN hitskin_preview -->
#hitskin_preview {
margin: 0; padding: 0;
position: fixed;
top: 0; left: 0;
width: 100%;
height: 65px;
background: url('http://illiweb.com/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
color: #fff;
}

* html #hitskin_preview { /* Fix for IE6m since it doesn't implement fixed positionning */
   position: absolute;
   top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
   z-index: 2;
   background: transparent url('http://illiweb.com/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}

* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
 background: #fff url(foo) fixed;
 }

#hitskin_preview h1 {
   float: left;
   margin: 3px 0 0 0;
   padding: 0 0 0 10px;
   font: italic normal 25px Arial,sans serif;
   color: #fff;
}
#hitskin_preview h1 img {
   vertical-align: middle;
}
#hitskin_preview em {
   color: #7CBA2C;
   font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}

#hitskin_preview .content {
   text-align: right;
}

#hitskin_preview .content p {
   margin: 4px 1em 0px 1em;
   font-size: 13px;
   line-height: 1.8em;
   color: #fff;
   font-weight: bold;
}
#hitskin_preview .content p span {
   font-weight: normal;
   font-size: 0.8em;
}
body {
   margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
<!-- END hitskin_preview -->
</style>
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
   _gaq.push(['_trackPageview']);

   (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

  <div id="share_content">
    <div style="display:block; float:right; width:20px;"><br><br><br><br>
  <a href="https://www.facebook.com/Nathalietiti.FODQ#!/pages/Forum-Oiseaux-du-Qu%C3%A9bec/452578405322?fref=ts"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/facebo11.png" /></a><br>
        <a href="http://forumoiseauxduquebec.wordpress.com"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/wordpr12.png" /></a><br>
        <a href="http://www.scoop.it/u/forum-oiseaux-du-quebec"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/sans-t11.png" /></a><br>
        <a href="https://twitter.com/FODQ2011"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/twitte10.png" /></a><br>
      <a href="http://pinterest.com/fodq/"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/pinter12.png" /></a><br>
      <a href="http://friendfeed.com/forumoiseauxduqubec"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/friend11.png" /></a>
  </div>
      </div>
   
         
  <!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
   <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br />
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>
<!-- END hitskin_preview -->
<a name="top"></a>
{JAVASCRIPT}
<center>
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
               <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a></td>
                  <td align="center" width="100%" valign="middle"><span class="maintitle">{MAIN_SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br>  </span></td>
               <!-- END switch_logo_left -->

               <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a><br />
                     <span class="maintitle">{MAIN_SITENAME}</span><br/>

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

               <!-- BEGIN switch_logo_right -->
                  <td align="center" width="100%" valign="middle"><span class="maintitle">{MAIN_SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br>  </span></td>
                  <td><a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a></td>
               <!-- END switch_logo_right -->
               </tr>
            </table>

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

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

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

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-33228801-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
 
Ligne 115 ou le tout à été ajouté

Et j'ai diminuer le pourcentage à 94%
Et la ligne 116 j'ai ajouté des <br> pour descendre un peu il était trop proche du haut.

Merci


Dernière édition par Nathalie ODQ le Mer 27 Fév 2013 - 15:55, édité 1 fois

Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Matriochka le Mer 27 Fév 2013 - 14:33

Et avec ce CSS :
Code:
#share_content {
background:transparent; /* couleur de fond */
position:fixed; /* permet de garder l’élément fixe */
float:right; /* positionne l’élément à droite*/
right:0px; /* définit la distance entre l’élément et la droite de la page*/
top:30%; /* définit la distance entre l’élément et le haut de la page*/
padding:0px; /* ajoute une marge interne */
}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Carlnat le Mer 27 Fév 2013 - 14:38

Forum centré comme désiré
Mais haut page éloigné



Merci

Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Matriochka le Mer 27 Fév 2013 - 14:44

Hmm, aucun problème chez moi en testant ton template avec ce nouveau CSS… Peux-tu me renvoyer ta feuille de CSS complète ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Carlnat le Mer 27 Fév 2013 - 14:50

Code CSS

Code:
hr{
 height: 0px;
 border: solid #aaaaaa 0px;
 border-top-width: 0px;
}

.bodyline{
 background-color: ##a3cfff;
  border: 0px #4596e1 solid;
-moz-border-radius:12px;
}

.forumline{
 background-color: #000000;
 border: 0px #000000 solid;
 }

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

.postdetails{
 font-size : 15px;
 color : #000000;
}


.postbody{
 font-size : 17px;
 line-height: 18px
}

.copyright{
 font-size: 17px;
 font-family: Arial,Comic Sans MS,CourierNew,Arial,Helvetica;
 color: #000000;
 letter-spacing: -1px;
}

a img {
border: 0px solid navy;
}


.bodyline {
background-image: url(ht);
background-repeat: repeat;
}


#share_content {
background:transparent; /* couleur de fond */
position:fixed; /* permet de garder l’élément fixe */
float:right; /* positionne l’élément à droite*/
right:0px; /* définit la distance entre l’élément et la droite de la page*/
top:30%; /* définit la distance entre l’élément et le haut de la page*/
padding:0px; /* ajoute une marge interne */
}

Je vais aller faire un test car si tu vois correct et moi pas est-ce que c'est possible c'est mon écran présentement je suis sur mon portable, je vais voir avec un autre ordi.

J'ai vérifier entre temps avec la tablette et c'est pire la distance sur la tablette.

Je vais revenir avec la conclusion sur un autre ordi

Merci

Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Carlnat le Mer 27 Fév 2013 - 15:00

Test fait : Non sur mon écran plat de plus grande même chose
J'ai demander à mon modérateur qui lui fonctionne sur un écran encore
plus grande et même résultat l'espace du haut mais forum centré

Merci

Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Matriochka le Mer 27 Fév 2013 - 15:02

C’est sous Internet Explorer que tu as ce problème (ce navigateur me donne des boutons…) ? Si tu regardes sous Google Chrome ou Mozilla, tu l’as aussi ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Carlnat le Mer 27 Fév 2013 - 15:03

Je vais aller faire le test sur Mozilla et reviens

Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Carlnat le Mer 27 Fév 2013 - 15:28

Bon sur Firefox la bannière du haut est parfaite le forum est centré
le module est à bonne place tout est super

Donc le problème est belle et bien Explorer donc le problème est la et comment le règler
95% des membre sont Explorer


Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Carlnat le Mer 27 Fév 2013 - 15:47

J'ai trouver pour le haut de page

J'ai changer float à la ligne 116 pour fixed
Code:
<div style="display:block; fixed:right; width:50px;">

Sous Explorer les float ne fonctionne pas mais si ont indique fixed il le prend en charge

Mais maintenant forum n'est plus centré

Nathalie

Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Matriochka le Mer 27 Fév 2013 - 15:53

D’accord, parfait Smile
Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Module partage réseaux

Message par Carlnat le Mer 27 Fév 2013 - 16:02

Encore une gros merci pour ton aide
grandement apprécier

Nathalie

Carlnat
***

Féminin
Messages : 142
Inscrit(e) le : 09/01/2010

http://www.souvenirsdoiseaux.com
Carlnat a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum