Cum fac să apară grupurile deasupra Userilor

Nu știu dacă titlul explică tot dar mai întâi las imaginea „să vorbească” pentru mine:

[You must be registered and logged in to see this image.]


Aceasta este imaginea, deci uitați-vă la modul cum grupurile sunt afișate( deasupra utilizatoriilor connectați, etc. ).Cine îmi poate distribuii și mie acest cod?







Mulțumesc

Ce versiune de forum folosesti?

La forumul de la status foloseste tema Chromix.

A spus ca nu se mai ocupa de acel forum, in topicul de promovare. Deci este posibil sa foloseasca alta tema si alta versiune de forum.

AGent wrote:A spus ca nu se mai ocupa de acel forum, in topicul de promovare. Deci este posibil sa foloseasca alta tema si alta versiune de forum.

PunBB

Ar trebui sa fie ceva de genul:

Code:

.gensmall {
   background-color: #FFFFFF;
   border: 1px #D0D0D0 dotted;
   -moz-border-radius : 5px 5px 5px 5px;
   height: 30px;
   padding-right: 20px !important;
   padding-left: 20px !important;
   padding-bottom: 3px !important;
   font-size: 10px;
   font-weight: bold;
   text-align: center;
   text-decoration: none !important;
   }

edit: nu stiu sa elimin acele paranteze patrate intre care stau numele grupurilor deoarece nu au nici id nici class.

Nu merge, dar hai să zic ce am reușit să fac cu el ) Îmi apare o dungă albă pe tot grupul, una groasă )) !!!

Am o intrebare, ai facut de la 0 tema sau modifici una? In cazul in care ai modificat una, este posibil ca acest cod sa nu fie compatibil cu altele.
Acesta este rezultatul obtinut de mine in urma utilizarii acelui cod:
[You must be registered and logged in to see this image.]
Daca se poate sa postezi link catre respectivul forum sa arunc o privire, sau daca este ceva "secret", imi dai prin mesaj privat.

PS: recomand folosirea unui browser modern precum Firefox / Google Chrome / Opera / Safari

AGent wrote:Am o intrebare, ai facut de la 0 tema sau modifici una? In cazul in care ai modificat una, este posibil ca acest cod sa nu fie compatibil cu altele.
Acesta este rezultatul obtinut de mine in urma utilizarii acelui cod:
[You must be registered and logged in to see this image.]
Daca se poate sa postezi link catre respectivul forum sa arunc o privire, sau daca este ceva "secret", imi dai prin mesaj privat.

PS: recomand folosirea unui browser modern precum Firefox / Google Chrome / Opera / Safari

Nu e nimic secret dar însă se va considera reclamă, no matter...

Nu se considera reclama atata timp cat este la solicitarea unui moderator.
Revenind la ale noastre, din cate observ, in pagina de stil css tema respectiva nu aduce modificari clasei "gensmall", deci teoretic ar trebui sa mearga.
Am testat acel cod pe doua forumuri, fiecare cu tema diferita, varianta punBB, pe ambele rezultatul a fost cel asteptat.
Te rog sa reintroduci acel cod, pe urma sa ma anunti. As dori sa vad cum actioneaza pe forumul tau.

Gata, uitete cum apare !

[You must be registered and logged in to see this image.]

Dupa cate observ, functioneaza.

Nu e acela efectul dorit ! Eu vreau sa apara deasupra aleia cu utilizatori connectati, etc... Aia am zis!

Deci....ca sa urci grupurile mai sus iti trebuie si editarea template-urilor:
PA=>Afisare=>Template-uri=>General=>index_body
Inlocuiesti tot template-ul cu :

Code:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
       <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
       <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
                                          {LEGEND} :<div class="lista_grupuri">{GROUP_LEGEND}</div>
         <p>{TOTAL_POSTS}. {TOTAL_USERS}.</p>
         <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">

         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}

         {RECORD_USERS}

         

         {LOGGED_IN_USER_LIST}

         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}

         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE} : 
         {CHATTERS_LIST}

         <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
               insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
         <!-- END switch_chatbox_popup -->
         </p>
      </div>
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>  
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>  
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
     status: true,
     cookie: true,
     xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Apoi te duci in CSS si adaugi asta:

Code:

.gensmall {
  background-color: #FFFFFF;
  border: 1px #B9B9B9 dotted;
  -moz-border-radius : 5px 5px 5px 5px;
  height: 30px;
  padding-right: 5px !important;
  padding-left: 5px !important;
  padding-bottom: 2px !important;
  padding-top: 2px !important;
  margin: -10px !important;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  }

.lista_grupuri {
color: #fff;
display: inline;}

Sa nu uiti sa scoti codul dat de AGent mai sus, pentru a nu da erori (eu am combinat codul lui AGent cu un mic truc si a rezultat (cred) ceea ce doreai )

Rezolvat?

Imi cer mii de scuze.
Credeam ca acel border este rezultatul dorit de tine.
Si acest cod ar fi o varianta.

Code:

.gensmall {
   position: relative;
   top: -160px;
   }

#stats {
   padding-top: 60px !important;
   }

edit: sau cea mai buna varianta, cea metionata de Kozmyn sus.