toolbar in my footer

Go down

Solved toolbar in my footer

Post by Guest on March 8th 2010, 8:49 am

Hy ! Hello I have a big problem ! I want to create a toolbar for my forum ! exemple : http://www.trilulilu.ro/ , i extract the script but i have a problem with css ! When i put this code in the forum , i have problem with design because the css of the toolbar break my forum ! Sad I put this code in a HTML page and work => http://fr3shtest.forumhit.ro/footer-h3.htm ! I need help for css ! Smile I want to add this toolbar to my forum Cool can someone help me? :wouhou:

Excuse me for my bad English Sad

EDIT :I simplified the code much as I could! This is the code :

Code:
<!--<link href="http://static.trilulilu.ro/style/general_style.css" rel="stylesheet" type="text/css" />-->

<!-- astea noi -->
<link href="http://static.trilulilu.ro/style/general-new.css" rel="stylesheet" type="text/css" />
<link href="http://static.trilulilu.ro/style/homepage/homepage_style.css" rel="stylesheet" type="text/css" /><!---->
<!--// astea noi -->




   
<!--[if ! lte IE 6]><!-->
   <script src="http://static.trilulilu.ro/aviemditati.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 6]>
   <script src="http://static.trilulilu.ro/js/stuff.js" type="text/javascript"></script>
   <script src="http://static.trilulilu.ro/js/misc.js" type="text/javascript"></script>
   <script src="http://static.trilulilu.ro/js/swapImages.js" type="text/javascript"></script>

   <script src="http://static.trilulilu.ro/js/swfobject.js" type="text/javascript"></script>

   <script src="http://static.trilulilu.ro/jquery/jquery.js" type="text/javascript"></script>
   <script src="http://static.trilulilu.ro/jquery/jquery.validate.js" type="text/javascript"></script>
   <script src="http://static.trilulilu.ro/jquery/jquery.form.js" type="text/javascript"></script>
   <script src="http://static.trilulilu.ro/jquery/jquery.cookie.js" type="text/javascript"></script>
   <script src="http://static.trilulilu.ro/jquery/jquery.color.js" type="text/javascript"></script>

   <script src="http://static.trilulilu.ro/jquery/jquery.bgiframe.js" type="text/javascript"></script>

   <script src="http://static.trilulilu.ro/js/playlist.js" type="text/javascript"></script>
   <script src="http://static.trilulilu.ro/jquery/jquery.absolutize.js" type="text/javascript"></script>

   <script src="http://static.trilulilu.ro/js/bara.js" type="text/javascript"></script>

   <script src="http://static.trilulilu.ro/js/curvycorners.js" type="text/javascript"></script>
<![endif]-->








      <style type="text/css">
      html   {overflow-x:hidden}
   </style>


<!--[if lt IE 8]>
<style type="text/css">
/* for dropdown menu on browse */
.headlink_a   {padding:5px 5px 9px 0px;}
#cssdropdown li.headlink ul   {margin:0; padding:0; margin:25px 0 0 -16px;}
small.small_arrow {position:absolute; margin:5px 0 0 100px; font-size:11px;}
</style>

<![endif]-->

<!-- pentru submeniu; modificat 2008-10-28 (IE8 nu are nevoie) -->
<!--[if lt IE 8]>
<style type="text/css">
#contul_meu_submenu {margin-top: 14px;}
</style>

<![endif]-->
<!-- inca un bug IE8 beta -->
<!--[if gte IE 8]>
<style type="text/css">
#the_top_stire_text {height: 29px;}
</style>

<![endif]-->

<!-- pt div-ul din footer -->
<!--[if gte IE 5.5]><![if lt IE 8]>
<style type="text/css">
.footer_mesaje   {right:0.9%;}
.footer_contul_meu {left:1%;}
.footer_prieteni {left:1%;}
.footer_playlist   {right:0.7%;}
.footer_notificari   {right:0.7%;}
.footer_setari   {left:1%;}
div.arata_bara_content   {margin:0; padding:0;}
</style>
<![endif]><![endif]-->

<!--[if gte IE 5.5]><![if lt IE 7]>
<style type="text/css">
#footer_fixed { position: absolute; right: 0px; bottom: 0px; width:100%;}
div#footer_fixed {
   right: auto; bottom: auto;
   left: expression( ( 0 - footer_fixed.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
   top: expression( ( 0 - footer_fixed.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

#arata_bara { position: absolute; right: 0px; bottom: 0px; width:100%;}
div#arata_bara {
   right: auto; bottom: auto;
   left: expression( ( 0 - arata_bara.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
   top: expression( ( 0 - arata_bara.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.arata_bara_content   {margin:0; padding:0;}
</style>
<![endif]><![endif]-->
<!-- pentru div-ul din footer -->





   

   


   <!-- sticky footer -->
   <div class="sep"></div>

   <div id="footer_fixed" class="sticky_footer" >
      <div class="sticky_footer_content">
         <iframe frameborder="0" style="position: absolute; z-index: -1; left: 0; width: 100%; top: 0; height: 100%"></iframe>
         <div class="footer_fixed_left">
            <ul>
               <li class="footer_tab_button footer_hello_off" id="footer_tab_hello">
                  <a href="javascript:;"><img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_contul_meu" alt="Contul meu" /> Contul meu</a>
               </li>
               <li class="footer_tab_button footer_button_off" id="footer_tab_setari">
                  <a href="javascript:;"><img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_img_setari" alt="Setari" /> Setari</a>
               </li>                                             
               <li class="footer_tab_button footer_button_off" id="footer_tab_prieteni">
                  <a href="javascript:;"">
                     <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_img_prieteni" alt="Prieteni" />
                     Prieteni                   </a>
               </li>
               <li class="footer_tab_button footer_button_off" id="footer_tab_extra" style="border-right:1px solid #A7ADB6">
                  <a href="javascript:;"">
                     <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_img_extra" alt="Extra" />
                     Extra
                                          <b style="color:#A60057">(1)</b>
                  </a>
               </li>
                           </ul>
            
            <!-- Open Hello -->
            <div id="footer_hello" class="footer_tab_holder footer_hello" style="display:none; clear:left">
               <div>
                  <iframe frameborder="0" style="position: absolute; z-index: -1; left: 0; width: 100%; top: 0; height: 100%"></iframe>
                  <div class="title_bar">
                     <div class="footerbar_title">
                        <h2>Contul meu</h2>
                        <span id="footer_hello_close">
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_close" align="absmiddle" alt="" />
                        </span>
                     </div>
                     <div class="sep"></div>
                  </div>
                  <div class="footer_hello_content">
                     
                        
                        <div class="sep"></div>
                     
                     
                     <ul class="hello_links">
                        <li><img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_profil" align="absmiddle" alt="" /><a href="/profile.forum?mode=editprofile">Profil</a></li>
                        <li><img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_favorite" align="absmiddle" alt="" /><a href="/profile.forum?mode=editprofile&page_profil=preferences">Preferinte</a></li>
                        <li><img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_grupuri" align="absmiddle" alt="" /><a href="/profile.forum?mode=editprofile&page_profil=avatars">Avatar</a></li>
                        <li><img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_showuri" align="absmiddle" alt="" /><a href="/profile.forum?mode=editprofile&page_profil=signature">Semnatura</a></li>
                        <li style="border-top:1px solid #E0E2E5; padding-top:5px;">
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_upload" align="absmiddle" alt="" />
                           <a href="/memberlist.forum/memberlist.forum">Membrii </a>
                        </li>
                     </ul>
                     <div class="sep"></div>
                  </div>
               </div>
            </div>
            
            <!-- Open Setari -->
            <div id="footer_setari" class="footer_tab_holder footer_setari" style="display:none; clear:right">
               <div>
                  <iframe frameborder="0" style="position: absolute; z-index: -1; left: 0; width: 100%; top: 0; height: 100%"></iframe>
                  <div class="title_bar">
                     <div class="footerbar_title">
                        <h2>Setari</h2>
                        <span id="footer_setari_close">
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_close" align="absmiddle" alt="" />
                        </span>
                     </div>
                     <div class="sep"></div>
                  </div>
                  <div class="footer_setari_content">
                     <dl>
                        <dt>
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_date_cont" align="absmiddle" alt="" />
                           <a href="http://www.trilulilu.ro/cont/setari">Date cont</a>
                        </dt>
                        <dt>
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_parola" align="absmiddle" alt="" />
                           <a href="http://www.trilulilu.ro/cont/setari/parola">Schimba parola</a>
                        </dt>
                     </dl>
                  </div>
               </div>
            </div>
            
            <!-- Open Mesaje -->
            <div id="footer_mesaje" class="footer_tab_holder footer_mesaje" style="display:none; clear:left">
               <div>
                  <iframe frameborder="0" style="position: absolute; z-index: -1; left: 0; width: 100%; top: 0; height: 100%"></iframe>
                  <div class="title_bar">
                     <div class="footerbar_title">
                        <h2>Mesaje (necitite)</h2>
                        <span id="footer_mesaje_close">
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_close" align="absmiddle" alt="" />
                        </span>
                     </div>
                     <div class="sep"></div>
                  </div>
                  <div class="a" style="padding:10px 10px 7px 10px; font-size:12px; border-bottom:1px solid #CCE2F9; font-weight:bold; background:#F5FAFE">
                     <div style="float:left;">
                        <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_img_mesaje" alt="Mesaje" style="margin-top:-1px;" />
                        <a href="http://mesaje.trilulilu.ro">vezi toate mesajele</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
                     </div>
                     <div style="float:left">
                        <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_img_setari" alt="Setari" style="margin-top:-1px;" />
                        <a href="http://mesaje.trilulilu.ro/setari">setari mesagerie</a>
                     </div>
                     <div style="float:right" id="bara_mesaje_reload_spinner">
                        <label>
                           <input type="checkbox" onclick="bara_mesaje_reload(this.checked)"  />Afiseaza mass-uri
                        </label>
                     </div>
                     <div class="sep"></div>
                  </div>                  
                  <div class="footer_mesaje_content">
                     <img src="http://static.trilulilu.ro/images/loader.gif" alt="Loading..." tag="loader" href="/source/bara/bara_mesaje.php?u=manky2008" />
                  </div>
               </div>
            </div>
            <!-- Open Prieteni -->
            <div id="footer_prieteni" class="footer_tab_holder footer_prieteni" style="display:none; clear:left">
               <div>
                  <iframe frameborder="0" style="position: absolute; z-index: -1; left: 0; width: 100%; top: 0; height: 100%"></iframe>
                  <div class="title_bar">
                     <div class="footerbar_title">
                        <h2>Prieteni</h2>
                        <span id="footer_prieteni_close">
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_close" align="absmiddle" alt="" />
                        </span>
                     </div>
                     <div class="sep"></div>
                  </div>
                  <div class="footer_setari_content">
                     <dl>
                        <dt>
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_cadou" align="absmiddle" alt="" />
                           <a href="http://www.trilulilu.ro/cont/cadouri/trimite">Trimite cadou</a>
                        </dt>
                        <dt>
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_prieteni" align="absmiddle" alt="" />
                           <a href="http://www.trilulilu.ro/cont/prieteni">Prietenii mei</a>
                        </dt>
                        <dt>
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_lista_neagra" align="absmiddle" alt="" />
                           <a href="http://mesaje.trilulilu.ro/lista-neagra">Lista neagra</a>
                        </dt>
                        <dt style="border:none;">
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_invita_prieteni" align="absmiddle" alt="" />
                           <a href="http://login.trilulilu.ro/invita-prieteni">Invita-ti prietenii pe Trilulilu</a>
                        </dt>
                                             </dl>
                  </div>
               </div>
            </div>
            
            <!-- Open Extra -->
            <div id="footer_extra" class="footer_tab_holder footer_extra" style="display:none; clear:left;">
               <div>
                  <iframe frameborder="0" style="position: absolute; z-index: -1; left: 0; width: 100%; top: 0; height: 100%"></iframe>
                  <div class="title_bar">
                     <div class="footerbar_title">
                        <h2>Extra</h2>
                        <span id="footer_extra_close">
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_close" align="absmiddle" alt="" />
                        </span>
                     </div>
                     <div class="sep"></div>
                  </div>
                  <div class="footer_setari_content">
                     <dl>
                                                   <dt>
                              <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_concurs" align="absmiddle" alt="" />
                              <a href="http://www.trilulilu.ro/concursuri">Concursuri</a> (1)
                           </dt>
                                                <dt>
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_promotii" align="absmiddle" alt="" />
                           <a href="#">Promotii</a> (0)
                        </dt>
                        <!--<dt>
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_topuri" align="absmiddle" alt="" />
                           <a href="http://www.trilulilu.ro/membri">Topuri Trilulilu</a>
                        </dt>-->
                     </dl>
                  </div>
               </div>
            </div>
            
                     </div>
         
         <div class="footer_fixed_right">
            <ul>
               <li class="footer_tab_button footer_button_off" id="footer_tab_mesaje">
                  <a href="javascript:;"><img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_img_mesaje" alt="Mesaje" /> Mesaje <span id="bara_mesaje_numar_span"></span></a>
               </li>                     
               <li class="footer_tab_button footer_button_off " id="footer_tab_notificari">
                  <a href="javascript:;"><img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_img_notificari" alt="Notificari" /> Notificari <span id="footer_tab_notificari_count_holder" style="display:none">(<b id="footer_tab_notificari_count">0</b>)</span></a>
               </li>
               <li class="footer_tab_button footer_button_off" id="footer_tab_playlist">
                  <a href="javascript:;"><img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_img_playlist" alt="Playlist-uri" /> Playlist-uri</a>
               </li>                                          
               <li class="footer_button_off" id="hide_footer">
                  <a href="javascript:;">
                     <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_img_minus" align="absmiddle" alt="Ascunde" />Ascunde
                  </a>
               </li>
            </ul>
            
            <!-- Open Playlist -->
            <div id="footer_playlist" class="footer_tab_holder footer_playlist" style="display:none; clear:right">
               <div>
                  <iframe frameborder="0" style="position: absolute; z-index: -1; left: 0; width: 100%; top: 0; height: 100%"></iframe>
                  <div class="title_bar">
                     <div class="footerbar_title">
                        <h2>Playlist</h2>
                        <span id="footer_playlist_close">
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_close" align="absmiddle" alt="" />
                        </span>
                     </div>
                     <div class="sep"></div>
                  </div>
                  <div class="footer_playlist_content">
                     <img src="http://static.trilulilu.ro/images/loader.gif" alt="Loading..." tag="loader" href="/source/bara/bara_playlisturi.php?u=manky2008" />
                  </div>
                  <div class="sep"></div>
               </div>
            </div>
            
            <!-- Open Notificari -->
            <div id="footer_notificari" class="footer_tab_holder footer_notificari" style="display:none; clear:right;">
               <div>
                  <iframe frameborder="0" style="position: absolute; z-index: -1; left: 0; width: 100%; top: 0; height: 100%"></iframe>
                  <div class="title_bar">
                     <div class="footerbar_title">
                        <h2>Notificari (necitite)</h2>
                        <span id="footer_notificari_close">
                           <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_icon_close" align="absmiddle" alt="" />
                        </span>
                     </div>
                     <div class="sep"></div>
                  </div>
                  <div class="a alignLeft" style="padding:10px 10px 7px 10px; font-size:12px; border-bottom:1px solid #CCE2F9; font-weight:bold; background:#F5FAFE">
                     <div style="float: right">
                        <a href="javascript:;" onclick="if(confirm('Esti sigur ca vrei sa marchezi toate notificarile tale ca fiind citite?'))$(this).parent().html('<img src=&quot;http://static.trilulilu.ro/images/loader.gif&quot; />').load('/source/bara/bara_notificari.php?u=manky2008', {toate_citite:1})">marcheaza toate notificarile ca fiind citite</a>
                     </div>
                     <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_img_notificari" alt="Notificari" style="margin-top:-1px;" />
                     <a href="http://mesaje.trilulilu.ro/notificari">vezi toate notificarile</a>
                  </div>
                  <div class="footer_notificari_content">
                     <img src="http://static.trilulilu.ro/images/loader.gif" alt="Loading..." tag="loader" href="/source/bara/bara_notificari.php?u=manky2008" />
                  </div>
               </div>
            </div>
         
         </div>
         <div class="sep"></div>
      </div>
   </div>
   
   <div id="arata_bara" style="display:none">
      <div class="arata_bara_content">
         <ul>
            <li id="show_footer" style="cursor:pointer">
               <img src="http://static.trilulilu.ro/images_new/pixel.gif" class="footer_img_plus" align="absmiddle" alt="Arata bara" />
               <a href="javascript:;">
                  Arata
               </a>
            </li>
         </ul>
      </div>
   </div>
   
   <div class="sep"></div>
   
   <script>
      bara_init(180)
   </script>
   <!-- // sticky footer -->

I need help to integrate this code in the forum , in the homepage Very Happy In the html page work => http://fr3shtest.forumhit.ro/footer-h3.htm , but in the forum not work ! Sad


Last edited by MaNkY on March 8th 2010, 2:24 pm; edited 1 time in total
avatar
Guest
Guest


Back to top Go down

Solved Re: toolbar in my footer

Post by Final-Blond on March 8th 2010, 10:29 am

Hi,

Your script contains two CSS stylesheets (big ones) in these reminders of script :
<link href="http://static.trilulilu.ro/style/general-new.css" rel="stylesheet" type="text/css" />
<link href="http://static.trilulilu.ro/style/homepage/homepage_style.css" rel="stylesheet" type="text/css" />
http://static.trilulilu.ro/style/homepage/homepage_style.css
http://static.trilulilu.ro/style/general-new.css

Click on the address and you can see what i mean.
I think that's where you can edit and delete some particular properties.
Final-Blond
Final-Blond
Forumember

Female Posts : 117
Reputation : 0
Language : French, English, German
Location : High atop the hill in the swiss mountains

http://www.sos-forum.com/index.htm

Back to top Go down

Solved Re: toolbar in my footer

Post by Guest on March 8th 2010, 11:56 am

@Final-Blond I know what contains the script ! The problem is , without the
Code:
 <link href="http://static.trilulilu.ro/style/general-new.css" rel="stylesheet" type="text/css" />
<link href="http://static.trilulilu.ro/style/homepage/homepage_style.css" rel="stylesheet" type="text/css" />

the toolbar not apear !I tried to put this CSS on CSS forum but still not working Sad May I try to make some changes, can succeed!
avatar
Guest
Guest


Back to top Go down

Solved Re: toolbar in my footer

Post by Eman and Kou on March 8th 2010, 12:04 pm

I'd suggest putting it on the forum description. It should appear on all the pages no matter what the version you use.
Eman and Kou
Eman and Kou
Forumember

Male Posts : 367
Reputation : 6
Language : English

http://www.narutosaga.com

Back to top Go down

Solved Re: toolbar in my footer

Post by Guest on March 8th 2010, 12:41 pm

i have phbb2 and i put this code in the templates Razz but the code didn't work Sad

I think I know what needs to be amended
Very Happy
avatar
Guest
Guest


Back to top Go down

Solved Re: toolbar in my footer

Post by Eman and Kou on March 8th 2010, 12:44 pm

Thats because the code doesn't go in the templates, it goes in the forum description. I know because I have a similar code in one of my forums.
Eman and Kou
Eman and Kou
Forumember

Male Posts : 367
Reputation : 6
Language : English

http://www.narutosaga.com

Back to top Go down

Solved Re: toolbar in my footer

Post by Guest on March 8th 2010, 1:08 pm

you have wibya toolbar ? You can show website ? Very Happy
avatar
Guest
Guest


Back to top Go down

Solved Re: toolbar in my footer

Post by Final-Blond on March 8th 2010, 2:05 pm

You have two ways to change this CSS:
- Or you copy and paste it into Notepad or équilvalent and you change it.
Then you save it with the file extension .css
After, you've got to hosts it and you take the new url in the same tag :
<link href="new_url.css" rel="stylesheet" type="text/css" />
You put it in the overall_header_new before the tag </head>

- Or you put the CSS into your stylesheet and you work on it there.
Final-Blond
Final-Blond
Forumember

Female Posts : 117
Reputation : 0
Language : French, English, German
Location : High atop the hill in the swiss mountains

http://www.sos-forum.com/index.htm

Back to top Go down

Solved Re: toolbar in my footer

Post by Guest on March 8th 2010, 2:15 pm

@Final-Blond wrote:You have two ways to change this CSS:
- Or you copy and paste it into Notepad or équilvalent and you change it.
Then you save it with the file extension .css
After, you've got to hosts it and you take the new url in the same tag :
<link href="new_url.css" rel="stylesheet" type="text/css" />
You put it in the overall_header_new before the tag </head>

- Or you put the CSS into your stylesheet and you work on it there.

Thanks all but I found another solution :wouhou: Solved !
avatar
Guest
Guest


Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum