Widget-urile pe aceeasi coloana cu antet

5 participanți

:: ForumGratuit & Web-Design :: Ajutor!Cum fac asta? [Suport] :: Cereri rezolvate!

Widget-urile pe aceeasi coloana cu antetMier Mar 12, 2014 9:19 pm

Titlu:Widget-urile pe aceeasi coloana cu antet
Printscreen:

Widget-urile pe aceeasi coloana cu antet JG6XOLt

Versiune forum:punbb
Link forum:www.nebunaticii.forum.st
Descriere problema: Vreau ca sub antetul de navigatie sa apara widget-urile nu in dreapta antetului(las asa cum arata acum cu widget ca sa vedeti si voi cum arata)

Re: Widget-urile pe aceeasi coloana cu antetMier Mar 12, 2014 11:37 pm

PitiKu a scris:

Titlu:Widget-urile pe aceeasi coloana cu antet
Printscreen:

Versiune forum:punbb
Link forum:www.nebunaticii.forum.st
Descriere problema: Vreau ca sub antetul de navigatie sa apara widget-urile nu in dreapta antetului(las asa cum arata acum cu widget ca sa vedeti si voi cum arata)

imi cer scuze ca nu au trecut 24 ore dar numi apare butonu de edit!
am scos widget-urile ,deoarece ma incurcau la modificarea temei..aveti poza;)

Re: Widget-urile pe aceeasi coloana cu antetVin Mar 14, 2014 2:06 pm

Lasa-mi te rog aici template-ul overal_header,css-ul si codurile js folosite,o sa verific daca modificarile afecteaza tema

Re: Widget-urile pe aceeasi coloana cu antetVin Mar 14, 2014 10:51 pm

Overall_header

Cod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {

         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});

         if (width_max > 0)
         {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            if (slid_vert)
            {
               var height_max = h_perso;

               $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                     height_max = $(this).height();
                  }
               } );

               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
               $('ul#fa_ticker_content li').height(height_max);
            }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         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}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (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 -->
          <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

</head>

<body>
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/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 -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" class="module main">
      <div id="login_popup_title" class="main-head">
         <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
         {LOGIN_POPUP_MSG}
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="button2" value="{L_LOGIN}" />
               <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
               <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
         </div>
      </div>
   </div>
   <!-- END switch_login_popup -->

   <a id="top" name="top" accesskey="t"></a>

   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
                          <body id="ipboard_body">
      <p id="content_jump" class="hide"><a href="#j_content" title="Jump to content" accesskey="m">Jump to content</a></p>
      <div id="ipbwrapper" class="wrapper">
<div id="branding">
                <div id="logo">
                    
                  <a href="http://nebunaticii.forum.st" title="Go to community index" rel="home" accesskey="1"><img src="http://i.imgur.com/J10DS1p.png" alt="Logo"></a>
                    
                </div>
                <div id="search" class="right">
   <form action="http://www.ipbforumskins.com/skindemo/index.php?app=core&module=search&do=search&fromMainBar=1" method="post" id="search-box">
      <fieldset>
         <label for="main_search" class="hide">Search</label>
         <a href="http://www.ipbforumskins.com/skindemo/index.php?app=core&module=search&search_in=forums" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="right">Advanced</a>
         <span id="search_wrap" class="right">
            <input type="text" id="main_search" name="search_term" class="" size="17" tabindex="100" placeholder="Search...">
            <span class="choice ipbmenu clickable" id="search_options" style="">Forums</span>
            <ul id="search_options_menucontent" class="ipbmenu_content ipsPad" style="display: none; position: absolute; z-index: 9999;">
               <li class="title" style="z-index: 10000;"><strong style="z-index: 10000;">Search section:</strong></li>
               <li class="special" style="z-index: 10000;">
                     <label for="s_topic" title="This topic" style="z-index: 10000;">
                        
                           <input type="radio" name="search_app" value="forums:topic:6" class="input_radio" id="s_topic" checked="checked" style="z-index: 10000;"> 
                        
                        <strong style="z-index: 10000;">This topic</strong>
                     </label>
                  </li>
               
               
               <li class="app" style="z-index: 10000;"><label for="s_forums" title="Forums" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_forums" value="forums" style="z-index: 10000;">Forums</label></li><li class="app" style="z-index: 10000;"><label for="s_members" title="Members" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_members" value="members" style="z-index: 10000;">Members</label></li><li class="app" style="z-index: 10000;"><label for="s_core" title="Help Files" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_core" value="core" style="z-index: 10000;">Help Files</label></li>            
                  
               
            
                  
               
            
                  
               
            
                  
               
            
                  <li class="app" style="z-index: 10000;">
                        <label for="s_calendar" title="Calendar" style="z-index: 10000;">
                           <input type="radio" name="search_app" class="input_radio" id="s_calendar" value="calendar" style="z-index: 10000;">
                           Calendar
                        </label>
                     </li>
               
            
                  <li class="app" style="z-index: 10000;">
                        <label for="s_downloads" title="Downloads" style="z-index: 10000;">
                           <input type="radio" name="search_app" class="input_radio" id="s_downloads" value="downloads" style="z-index: 10000;">
                           Downloads
                        </label>
                     </li>
               
            
                  <li class="app" style="z-index: 10000;">
                        <label for="s_blog" title="Blogs" style="z-index: 10000;">
                           <input type="radio" name="search_app" class="input_radio" id="s_blog" value="blog" style="z-index: 10000;">
                           Blogs
                        </label>
                     </li>
               
            
                  <li class="app" style="z-index: 10000;">
                        <label for="s_nexus" title="Store" style="z-index: 10000;">
                           <input type="radio" name="search_app" class="input_radio" id="s_nexus" value="nexus" style="z-index: 10000;">
                           Store
                        </label>
                     </li>
               
            
                  <li class="app" style="z-index: 10000;">
                        <label for="s_gallery" title="Gallery" style="z-index: 10000;">
                           <input type="radio" name="search_app" class="input_radio" id="s_gallery" value="gallery" style="z-index: 10000;">
                           Gallery
                        </label>
                     </li>
               
            
                  <li class="app" style="z-index: 10000;">
                        <label for="s_ccs" title="Pages" style="z-index: 10000;">
                           <input type="radio" name="search_app" class="input_radio" id="s_ccs" value="ccs" style="z-index: 10000;">
                           Pages
                        </label>
                     </li>
               
            </ul>
            <input type="submit" class="submit_input clickable" value="">
         </span>
         
      </fieldset>
   </form>
</div>
         </div>
                                                  <div class="content"><div id="left_col">
<div id="left_col_top">
                    <!-- ::: APPLICATION TABS ::: -->
      <div id="primary_nav" class="clearfix">
                <ul class="ipsList_inline" id="community_app_menu">
                    
         <li id="nav_home" class="left"><a href="portal" title="Homepage" rel="home"><img src="http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/menu_icon.gif" alt="" class="nav_icon"> Home</a></li>      
         <li id="nav_app_forums" class="left active"><a href="forum" title="Go to Forums">Forums</a></li>
         <li id="nav_app_members" class="left "><a href="memberlist" title="Go to Members">Members</a></li>
        <li id="nav_app_calendar" class="left "><a href="calendar" title="Go to Calendar">Calendar</a></li>      
   <li id="nav_app_downloads" class="left "><a href="#" title="Go to Downloads">Downloads</a></li>
   <li id="nav_app_blog" class="left "><a href="#" title="Go to Blogs">Blogs</a></li>
   <li id="nav_app_nexus" class="left "><a href="#" title="Go to Store">Store</a></li>
        <li id="nav_app_gallery" class="left "><a href="gallery" title="Go to Gallery">Gallery</a></li>
   <li id="nav_app_ccs" class="left "><a href="http://www.ipbforumskins.com/skindemo/index.php?/page/index.html" title="Go to Pages">Pages</a></li>   
                    <li id="nav_other_apps" style="display: none">
                        <a href="#" class="ipbmenu" id="more_apps">More <img src="http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/useropts_arrow.png"></a>
                    </li>
                </ul>
         
      </div>
                </div>
                  
<!-- #region Menu_Pagination -->
<div class="menu_pagination">
            <div class="pun">
               <div id="user_bar">          
            
            <div id="user_navigation" class="not_logged_in">
                  <ul class="ipsList_inline">
                                                 <!-- BEGIN switch_user_logged_in -->
<li><a href="/profile?mode=editprofile" title="Your Profile">
                          <script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.frm dl dd img', data).attr('src');
      if(link){
                            jQuery('#avatar').html('<center><img src="'+link+'" alt="" /></center>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><div id="avatar"><center></center></div>
                               
                                 <li><a class="profilename" href="/profile?mode=editprofile"><span class="USERNAME"></span></a></li>
                                <li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Messenger"><img src="http://i.imgur.com/yYmnYCH.png" alt=""></a></li>
                                <li><a id="notify_link" href="/search?search_id=watchsearch"><img src="http://i.imgur.com/GYFVIP8.png?1?3936" alt=""></a></li>
                                <li><a href="/login?logout">Sign Out</a></li>
<!-- END switch_user_logged_in -->
                                                  <!-- BEGIN switch_user_logged_out -->
                                                  <li><a href="/login" title="Sign In" id="sign_in"><img src="http://i83.servimg.com/u/f83/18/31/03/73/user_l10.png" alt=""> Sign In</a></li>
                          <li><a href="/register" title="Create Account" id="register_link"><img src="http://i83.servimg.com/u/f83/18/31/03/73/user_r10.png" alt=""> Create Account</a></li>
                     <!-- END switch_user_logged_out -->
                                                    </ul>
                  </div>
            </div>
               <!-- BEGIN switch_ticker_new -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker_new -->

               <!-- BEGIN switch_ticker -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker -->

               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                     <div id="outer-wrapper">
                        <div id="wrapper">
                           <div id="container">
                              <div id="content">
                                 <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>
                                 <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                                                                                  </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
  <!-- #endregion Menu_Pagination -->
      </div>
                                       </div>
                        </div>
   </div>
</body>
</html>
<!-- END html_validation -->
                                          
<!-- #region Run_Menu -->
<script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      $(".main_width left:first").addClass("active").show();

      $(".main_width .left").click(function(){
         $(".main_width .left").removeClass("active");

         $(this).addClass("active");

         var activeTab = $(this).find("a").attr("href");
         $(activeTab).fadeIn();

         $(".menu_pagination").load("/"+activeTab+" .pun", function() {
         });
         return false;
      });
   });
   //]]>
</script>
<!-- #endregion Run_Menu -->

Css:

Cod:

#board_statistics {
display: inline-block;
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/trans10.png') repeat;
background: rgba(0,0,0,0.1);
color: #222;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
margin-left: 20px;
}
.user-basic-info a img {
max-width: 90px;
max-height: 90px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.user-basic-info a img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.pun .post .user {
padding: 10px;
position: relative;
text-align: center;
width: 155px;
}
.i_icon_online {
vertical-align: middle;
margin: -3px 5px 0 0;
}
.post_username {
float: left;
min-width: 177px;
font-weight: bold;
}
.pun .postmain {
background-color: #fff;
border-left: 1px solid #dedede;
margin-left: 18em;
}
.pun .posthead h2 strong {
float: left;
}
.pun .posthead {
border-top: 1px solid #363636;
border-bottom: 1px solid #363636;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
background: #444 url('http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/highlight_faint.png') repeat-x 0 0;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px
}
#footer_utilities {
padding: 8px;
position: relative;
border: 1px solid #d8d8d8;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
background: #eee url('http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/highlight.png') repeat-x 0 0;
}
.descript {
margin-left: 15px;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
a:hover {
color: #1e1e1e;
}
#backtotop:hover {
background: #8a8a8a;
color: #fff;
opacity: 1;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.clear {
clear: both;
height: 25px;
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#pun-about {
background-color: transparent;
border-color: transparent;
}
#pun-about #qjump {
visibility: hidden;
}
a {
color: #346d9a;
text-decoration: none;
}
#footer_utilities {
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#backtotop, #bottomScroll {
line-height: 20px;
text-align: center;
}
#copyright {
color: #848484;
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
#footer_utilities .ipsList_inline>li {
margin: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.mini_ava {
float: left;
padding: 5px 10px;
}
.mini_ava img {
width: 30px;
height: 30px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
#content-container div#right {
float: right;
overflow: hidden;
width: 240px;
}
#avatar img {
height: 28px;
margin: 4px -6px 0;
padding: 0;
position: relative;
vertical-align: top;
width: auto;
}
.pun tbody.statused span.status {
position: absolute;
margin-top: 7px;
}
#inbox_link img, #notify_link img {
margin-top: 8px;
}
.pun table.table td {
background-color: #f9f9f9;
border-color: #ddd;
border-style: solid none none none;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}
body {
background: #252525 url("http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/background.jpg") repeat-x 0 0;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}
.main .main-head .page-title {
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
font-family: "Myriad Pro",Tahoma,Geneva,sans-serif;
font-size: 15px;
font-weight: bold;
}
#community_app_menu>li.active>a {
background-position: 0 -103px;
color: #346d9a;
height: 43px;
line-height: 43px;
position: relative;
margin-top: -2px;
margin-bottom: 0px;
}
a {
color: #346d9a;
text-decoration: none;
}
.hide {
display: none;
}
fieldset, img {
border: 0;
}
input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
padding: 1px 0px;
}
#search_wrap {
line-height: 25px;
}
.wrapper {
margin: 0px auto 20px;
min-width: 980px;
max-width: 1600px;
width: 90%;
}
#branding {
height: 90px;
}
#logo {
float: left;
}
#search {
margin: 32px 0 0 0;
}
.right {
float: right;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/advanced_search.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 138px;
line-height: 25px;
outline: 0;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#search_options {
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #eaeaea url('http://i78.servimg.com/u/f78/18/32/50/20/highli11.png') repeat-x 0 1px;
display: inline-block;
text-shadow: #fff 0px 1px 0px;
float: right;
}
#search_options_menucontent {
min-width: 130px;
padding: 0;
background: #fff;
border: 1px solid #c6c6c6;
}
#search .submit_input {
background: #2e85b2 url('http://i78.servimg.com/u/f78/18/32/50/20/search10.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
}
#search .submit_input:hover {
background-color: #3b95c4;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('http://i78.servimg.com/u/f78/18/32/50/20/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#adv_search:hover {
background-color: rgba(255,255,255,0.1);
}
.content {
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 5px 4px 4px 5px;
border-radius: 5px 4px 4px 5px;
}
#left_col {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/left_col.png') repeat-y 0 0;
position: relative;
min-height: 500px;
padding-left: 177px;
}
#navigationToggle {
position: absolute;
top: 8px;
left: -12px;
width: 12px;
height: 21px;
background: #52a6c3 url("http://i.imgur.com/J10DS1p.png") no-repeat 50% 7px;
text-align: center;
cursor: pointer;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
#left_col_top {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
width: 177px;
min-height: 419px;
float: left;
position: absolute;
margin-left: -177px;
background: url('http://i78.servimg.com/u/f78/18/32/50/20/left_c10.png') no-repeat 0 0;
}
#primary_nav {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
padding: 4px 0 0 0;
}
ol, ul {
list-style: none;
}
#community_app_menu>li {
margin: 0;
padding: 0;
position: relative;
float: none !important;
display: block;
}
#community_app_menu>li>a {
color: #fff;
background: url('http://i78.servimg.com/u/f78/18/32/50/20/primar10.png') no-repeat 0 0;
display: block;
outline: none;
padding-left: 12px;
text-decoration: none;
line-height: 37px;
height: 37px;
margin-bottom: 4px;
}
#community_app_menu>li.active>a {
background-position: 0 -103px;
color: #346d9a;
height: 43px;
line-height: 43px;
position: relative;
margin-top: -2px;
margin-bottom: 0px;
}
#primary_nav #nav_home img.nav_icon {
background-image: url("http://i78.servimg.com/u/f78/18/32/50/20/nav_ho10.png");
}
#primary_nav img.nav_icon {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/nav_other.png") no-repeat 0 0;
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 2px;
}
#community_app_menu>li.active>a:hover {
background-position: 0 -103px;
color: #346d9a;
}
#community_app_menu>li>a:hover {
background-position: 0 -51px;
color: #fff;
}
#user_navigation {
background: #343434 url('http://i78.servimg.com/u/f78/18/32/50/20/highli10.png') repeat-x 0 1px;
color: #fff;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
body {
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#user_navigation {
color: #fff;
font-size: 11px;
line-height: 36px;
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 13px;
line-height: 36px;
outline: none;
height: 36px;
border-right: 1px solid #484848;
}
#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: middle;
position: relative;
margin: -1px 2px 0 0;
}
#user_navigation a:hover {
background: #404040 url('http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/highlight_faint.png') repeat-x 0 1px;
}
.main-head2 {
background: #366d9b url('http://i78.servimg.com/u/f78/18/32/50/20/mainti10.png') repeat-x 0 0;
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
font-family: "Myriad Pro",Tahoma,Geneva,sans-serif;
padding: 14px;
font-size: 15px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 5px;
border: 1px solid #32638d;
margin-bottom: 4px;
overflow: hidden;
}
.main .forabg-ipb .main-head, .main.paged .main-head {
background: transparent;
border: 0;
}
.main .main-foot, .main .main-head {
border-bottom: 1px solid #d8d8d8;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
background: #eee url('http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/highlight.png') repeat-x 0 0;
padding: 8px;
color: #727272
}
.gravity {
border-top: 1px solid #363636;
border-bottom: 1px solid #363636;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
background: #444 url('http://www.ipbforumskins.com/skindemo/public/style_images/gravityb34x/highlight_faint.png') repeat-x 0 0;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}
.post_username {
float: left;
min-width: 177px;
font-weight: bold;
}
.post_username {
font-weight: bold;
}
.post_block h3 a {
color: #fff !important;
}
.post_date {
color: #ccc;
float: left;
font-size: 11px;
font-weight: normal;
}
.post_date {
color: #ccc;
font-size: 11px;
font-weight: normal;
}

.BB9-profile {
float: left;
width: 165px;
min-height: 80px;
overflow: hidden;
padding: 5px;
clear: both;
margin-left: -180px;
background: rgb(252, 253, 253);
border: 1px solid rgb(204, 204, 204);
text-align: center;
margin-bottom: 10px;
margin-top: -15px;
border-radius: 5px;
}
.bb9-avatar > a > img {
background: rgb(238, 238, 238);
border: 1px solid rgb(204, 204, 204);
border-radius: 5px;
margin: 2px 0 5px;
padding: 5px;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
}

#bb9-nume > a {
text-decoration: none;
background: rgb(238, 238, 238);
padding: 2px 3px;
border: 1px solid rgb(204, 204, 204);
border-bottom: 0px;
border-radius: 3px 3px 0 0;
text-decoration: none;
}

.bb9-rank {
background: rgb(238, 238, 238);
text-align: center;
clear: both;
margin: -5px auto 5px;
max-width: 125px;
border: 1px solid rgb(204, 204, 204);
border-top: 0px;
border-radius: 0 0 3px 3px;
}

.i_icon_online {
display: none;
}

.bb9-avatar {
margin: 0 auto;
}

#bb9-nume {
float: left;
margin-left: 25px;
margin-bottom: -2px;
margin-top: 5px;
}
.bb9-contact {
margin: 8px auto 0;
background: rgb(253, 253, 253);
border: 1px solid rgb(221, 221, 221);
padding: 4px 3px 0;
min-width: 90px;
border-radius: 3px;
max-width: 110px;
}

.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 1px;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}

/* Butoane contact */

.contactUsers { 
padding:2px;
border-top: 1px solid #ddd;
margin-top: -45px;}

.contactUsers img { 
width: auto; 
height: auto;}

/* Tabel general */
.infoUsers {
margin-left: 55px;
padding: 5px !important;
top: -50px;
position: relative;}

.tableUsers {
box-shadow: 0px 0px 4px #ccc;
background: #f3f3f3;
border: 1px solid #ddd;
display: inline-table !important;
width: 250px;
font-size:11px;
margin: 5px;
font-family: Verdana,Arial,Helvetica,sans-serif;
border-radius: 4px;
-moz-border-radius: 4px;
padding: 5px;
-webkit-border-radius: 4px;}

/* Avatar user */

.userAvatar img {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;  
border: 1px solid #ddd;
width: 50px;
height: 50px;}

.userAvatar img:hover { box-shadow: 0px 0px 4px #ccc;}

/* Nume useri */

.userNames { 
border-bottom: 1px solid #ddd; 
padding: 2px;
margin-bottom: 4px;}

#fdOnline > a > img {
max-width: 35px;
}

#fdOnline {
overflow: hidden;
}

Nu am niciun cod js
Si scuze ca am intarziat atat dar imi tot zicea ca vo crapat forumu (si cika era inchisa pagina):| in fine...

Re: Widget-urile pe aceeasi coloana cu antetSam Mar 15, 2014 3:38 pm

Zvonuri ca de obicei :)) o sa verific zilele urmatoare sa vad ce pot sa fac,nu am timp mai ales acum ca de multe ori lucrez si ziua si noaptea.

Re: Widget-urile pe aceeasi coloana cu antetSam Mar 15, 2014 7:09 pm

nu stiu eu iti spun ca mi se incarca greu.ma crezi ,nu o iei cum vrei

Re: Widget-urile pe aceeasi coloana cu antetSam Mar 15, 2014 11:14 pm

Incearca sa pui widgeturile pe partea dreapta!

Re: Widget-urile pe aceeasi coloana cu antetDum Mar 16, 2014 1:14 pm

vreau widget-urile sub antet-ul de navigatie...:| am lasat si imagine..

Re: Widget-urile pe aceeasi coloana cu antetMier Mar 19, 2014 5:13 am

Pitiku imi pare rau dar o modificare duce la alta,apoi la alta si tot asa,apar foarte multe erori,tema este conceputa sa nu puteti adauga widget-uri pe forum.

Re: Widget-urile pe aceeasi coloana cu antetMier Mar 19, 2014 9:55 pm

ok dar poti sa imi stergi antetu de navigatie care este acum si sa imi pui altu gen cum e la tema Carbon? antetul ala din dreapta sus a pagini de la tema (Carbon)

Re: Widget-urile pe aceeasi coloana cu antetJoi Mar 20, 2014 3:15 pm

Imi pare rau dar nu stiu tema carbon,poti pune un print screen cam ce ai vrea?

Re: Widget-urile pe aceeasi coloana cu antetVin Mar 21, 2014 9:31 pm

uite daca poti sa imi faci antetul de la forumu asta http://www.fmcodes.com

Re: Widget-urile pe aceeasi coloana cu antetSam Mar 22, 2014 6:50 am

E Foarte Greu De Facut Tema

Re: Widget-urile pe aceeasi coloana cu antetSam Mar 22, 2014 6:30 pm

In caz da nu ai vazut eu am cerut doar antetul de navigatie.adika mai pe romaneste overall_header-ul cu antetul de navigatie.

EDIT!:
am schimbat tema puteti inchide!