Legenda Artodia Design [Toate versiunile]

FaNta

mr.franta

6 participanți

:: ForumGratuit & Web-Design :: Tutoriale ForumGratuit :: Toate versiunile

Legenda Artodia Design [Toate versiunile]Lun Iun 01, 2015 4:51 pm

Salutare dragi prieteni am creat pentru voi un nou stil de legenda pentru toate versiunile si l-am numit Artodia Design.

Phpbb2

Legenda Artodia Design [Toate versiunile] Artodi10

Legenda Artodia Design [Toate versiunile] Artodi10

1.Panou de administrare

afisare

template-uri

general

index_body
Inlocuim tot template-ul cu acesta.

Cod:


{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{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></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{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></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="2" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Places-user-identity-icon.png"></img></td>
<td class="row1" style="border-right: none"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
  </tr>
  <tr>
          <td class="row1" style="border-right: none"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
  </tr>

</table>


<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="/statistics" rel="nofollow">Statistici</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="3" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/24/statistics-icon.png"></img></td>
<td class="row1" style="border-right: none">
    
  <span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span>
    
    </td>
  </tr>
  {L_CONNECTED_MEMBERS}
  
</table>



<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="/" rel="nofollow">Sarbatoriti</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="3" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/visualpharm/happy-easter/24/cake-icon.png"></img></td>

  </tr>

   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
  
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID}, 
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

Salvam si publicam template-ul.

2.Panou de administrare

afisare

culori

css

Adaugam aceste coduri.

Cod:


.th_title{
  background-image: url(http://i19.servimg.com/u/f19/14/12/03/12/hdr_mi10.gif);
  background-repeat: repeat-x;
  background-position: 0px -1px;
  font-size: 12px;
  height: 22px;
  border-bottom: 2px solid #069;
}


table.legenda{
  border: 1px solid #ddd;
  border-bottom: none;
  float: left;
  margin-top: 10px;
  font-size: 14px;
}

table.legenda td{
   border-right: solid 1px #CAD1D8;
  border-bottom: solid 1px #CAD1D8;
  background-image: url(http://i19.servimg.com/u/f19/14/12/03/12/cell10.gif);
  background-repeat: repeat-x!important;
  padding: 4px;
  background-color: #EFF2F4!important;
}

img.tick{
  float: left;
}

a.cattitle{
  position: relative;
  left: 10px;
  top: 3px;
}

.th_title img{
  float: left;
}

Apasam butonul inregistrare.Acum este gata.

PunBB

Legenda Artodia Design [Toate versiunile] Punbb_10

1.Panou de administrare

afisare

template-uri

general

index_body
Inlocuim tot template-ul cu acesta.

Cod:

{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="window.location='/facebook_connect.forum'" scope="{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 -->
<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="2" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Places-user-identity-icon.png"></img></td>
<td class="row1" style="border-right: none"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
  </tr>
  <tr>
          <td class="row1" style="border-right: none"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
  </tr>

</table>


<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="/statistics" rel="nofollow">Statistici</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="3" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/24/statistics-icon.png"></img></td>
<td class="row1" style="border-right: none">
    
  <span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span>
    
    </td>
  </tr>
  {L_CONNECTED_MEMBERS}
  
</table>



<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="/" rel="nofollow">Sarbatoriti</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="3" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/visualpharm/happy-easter/24/cake-icon.png"></img></td>
    <td>   {L_WHOSBIRTHDAY_TODAY}</td>
    <tr>
    <td>{L_WHOSBIRTHDAY_WEEK}</td>
    </tr>
  </tr>


   
  
</table>
<!-- 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="window.location='/facebook_connect.forum'" scope="{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>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID}, 
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

Salvam si publicam template-ul.

2.Panou de administrare

afisare

culori

css

Cod:


.th_title{
  background-image: url(http://i19.servimg.com/u/f19/14/12/03/12/hdr_mi10.gif);
  background-repeat: repeat-x;
  background-position: 0px -1px;
  font-size: 12px;
  height: 22px;
  border-bottom: 2px solid #069;
}


table.legenda{
  border: 1px solid #ddd;
  border-bottom: none;
  float: left;
  margin-top: 10px;
  font-size: 14px;
}

table.legenda td{
   border-right: solid 1px #CAD1D8;
  border-bottom: solid 1px #CAD1D8;
  background-image: url(http://i19.servimg.com/u/f19/14/12/03/12/cell10.gif);
  background-repeat: repeat-x!important;
  padding: 4px;
  background-color: #EFF2F4!important;
}

img.tick{
  float: left;
}

a.cattitle{
  position: relative;
  left: 10px;
  top: 3px;
}

.th_title img{
  float: left;
}

Apasam butonul inregistrare.

Phpbb3

Legenda Artodia Design [Toate versiunile] Phpbb310

1.Panou de administrare

afisare

template-uri

general

index_body

Inlocuim tot template-ul cu acesta.

Cod:


{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> 
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> 
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
            {S_HIDDEN_FIELDS}<input class="mainoption button1" 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="window.location='/facebook_connect.forum'" scope="{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>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="2" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Places-user-identity-icon.png"></img></td>
<td class="row1" style="border-right: none"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      
      {LOGGED_IN_USER_LIST}</span></td>
  </tr>
  <tr>
          <td class="row1" style="border-right: none"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
  </tr>

</table>


<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="/statistics" rel="nofollow">Statistici</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="3" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/24/statistics-icon.png"></img></td>
<td class="row1" style="border-right: none">
    
  <span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span>
    
    </td>
  </tr>
  <tr>
    <td>  {L_CONNECTED_MEMBERS}</td>
  </tr>

  
</table>



<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="/" rel="nofollow">Sarbatoriti</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="3" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/visualpharm/happy-easter/24/cake-icon.png"></img></td>
<td>
     {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
    </td>
  </tr>


  
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> 
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> 
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{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>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><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>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID}, 
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

Salvam si publicam template-ul.

2.Panou de administrare

afisare

culori

css

Cod:


.th_title{
  background-image: url(http://i38.servimg.com/u/f38/17/28/15/67/backgr11.png);
  background-repeat: repeat-x;
  background-position: 0px -1px;
  font-size: 12px;
  height: 25px;
  border-bottom: 2px solid #069;
}


table.legenda{
  border: 1px solid #ddd;
  border-bottom: none;
  float: left;
  margin-top: 10px;
}


table.legenda td{
    border-right: solid 1px #CAD1D8;
  border-bottom: solid 1px #CAD1D8;
  background-image: url(http://i19.servimg.com/u/f19/14/12/03/12/cell10.gif);
  background-repeat: repeat-x!important;
  padding: 4px;
  background-color: #EFF2F4!important;
}

img.tick, img.tick2{
  float: left;
}

a.cattitle{
  position: relative;
  left: 10px;
  top: 3px;
}

.th_title img{
  float: left;
}

Apasam butonul inregistrare.

Invision
Legenda Artodia Design [Toate versiunile] Invisi10

Panou de administrare

afisare

template-uri

general

index_body
Inlocuim tot template-ul cu acesta.

Cod:


{JAVASCRIPT}
<ul id="navstrip" class="clearfix" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <li class="begin"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a></li>
   {NAV_CAT_DESC}
</ul>

<!-- BEGIN message_admin_index -->
   <div class="newslink">
   <p class="date">{LAST_VISIT_DATE}</p>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   <!-- END message_admin_txt -->
   </div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="borderwrap module">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
         <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label>  
         <label><span class="genmed">{L_PASSWORD}:</span> <input class="" 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="window.location='/facebook_connect.forum'" scope="{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>
</div>
 <br />
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}

{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="2" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Places-user-identity-icon.png"></img></td>
<td class="row1" style="border-right: none"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      
      {LOGGED_IN_USER_LIST}</span></td>
  </tr>
  <tr>
          <td class="row1" style="border-right: none"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
  </tr>

</table>


<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="/statistics" rel="nofollow">Statistici</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="3" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/24/statistics-icon.png"></img></td>
<td class="row1" style="border-right: none">
    
  <span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span>
    
    </td>
  </tr>
  <tr>
    <td>  {L_CONNECTED_MEMBERS}</td>
  </tr>

  
</table>



<table class="legenda" width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <th colspan="2" class="th_title" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img><a class="cattitle" href="/" rel="nofollow">Sarbatoriti</a>
      </th>
  </tr>
  <tr>
    <td width="30px" rowspan="3" class="row1" align="center"><img src="http://icons.iconarchive.com/icons/visualpharm/happy-easter/24/cake-icon.png"></img></td>
<td>
     {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
    </td>
  </tr>


  
</table>
<!-- END disable_viewonline -->
<br />
{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<br />
<div class="activeusers clearfix">
    <ul class="ul-icons-home">
        <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}</li>
        <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}</li>
        <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}</li>
    </ul>
</div>
<!-- END switch_legend -->


<!-- BEGIN switch_user_login_form_footer -->
<div class="borderwrap module">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
         <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label>  
         <label><span class="genmed">{L_PASSWORD}:</span> <input class="" 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> &nbsp;
         {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="window.location='/facebook_connect.forum'" scope="{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>
</div>
<!-- END switch_user_login_form_footer -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID}, 
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

2.Panou de administrare

afisare

culori

css
Adaugam aceste coduri.

Cod:

.th_title{
  background-image: url(http://i38.servimg.com/u/f38/17/28/15/67/backgr11.png);
  background-repeat: repeat-x;
  background-position: 0px -1px;
  font-size: 12px;
  height: 25px;
  border-bottom: 2px solid #069;
}


table.legenda{
  border: 1px solid #ddd;
  border-bottom: none;
  float: left;
  margin-top: 10px;
}


table.legenda td{
    border-right: solid 1px #CAD1D8;
  border-bottom: solid 1px #CAD1D8;
  background-image: url(http://i19.servimg.com/u/f19/14/12/03/12/cell10.gif);
  background-repeat: repeat-x!important;
  padding: 4px;
  background-color: #EFF2F4!important;
}

img.tick, img.tick2{
  float: left;
}

a.cattitle{
  position: relative;
  left: 10px;
  top: 3px;
}

.th_title img{
  float: left;
}

Apasam butonul inregistrare.

Daca intampinati probleme nu uitati ca va astept in sectiunea de suport.

http://frannnta-design.hitforum.ro/f42-ajutorcum-fac-asta-suport

Re: Legenda Artodia Design [Toate versiunile]Lun Iun 01, 2015 7:48 pm

Foarte util tutorialul ! Bravo !

Re: Legenda Artodia Design [Toate versiunile]Mar Iun 02, 2015 6:32 am

Multumesc,chiar ma gandeam ca de acum inainte un tutorial care il voi adauga sa fie pentru toate versiunile.

Re: Legenda Artodia Design [Toate versiunile]Sam Iun 06, 2015 6:10 pm

bravo bravo de 3 ori bravo sabin :*

Re: Legenda Artodia Design [Toate versiunile]Sam Iun 06, 2015 6:46 pm

Multumesc pentru legenda mr.franta

Ultima editare efectuata de catre mr.franta in Dum Iun 07, 2015 6:56 am, editata de 1 ori (Motiv : Posteaza din minim 3 cuvinte te rog sa nu fim nevoiti sa te sanctionam)

Re: Legenda Artodia Design [Toate versiunile]Sam Iul 04, 2015 10:45 pm

Frumos, multumim!

Re: Legenda Artodia Design [Toate versiunile]Vin Aug 28, 2015 12:18 pm

Foarte bun tutorialul. Multumesc, mr.franta. Eu am folosit din greseala varianta de phpBB2 pe un forum punBB si am observat ca totusi mege.

Re: Legenda Artodia Design [Toate versiunile]

Subiecte similare

background toate versiunile
selectare totala toate versiunile
Aranjare subforum [toate versiunile]
[Toate versiunile] Profil în header
Arata/ascunde profil [toate versiunile]

Mergi direct la:

Permisiunile acestui forum:

Nu puteti raspunde la subiectele acestui forum

Conectați-vă pentru a răspunde

Legenda Artodia Design [Toate versiunile]

descriptionLegenda Artodia Design [Toate versiunile]Lun Iun 01, 2015 4:51 pm

descriptionRe: Legenda Artodia Design [Toate versiunile]Lun Iun 01, 2015 7:48 pm

descriptionRe: Legenda Artodia Design [Toate versiunile]Mar Iun 02, 2015 6:32 am

descriptionRe: Legenda Artodia Design [Toate versiunile]Sam Iun 06, 2015 6:10 pm

descriptionRe: Legenda Artodia Design [Toate versiunile]Sam Iun 06, 2015 6:46 pm

descriptionRe: Legenda Artodia Design [Toate versiunile]Sam Iul 04, 2015 10:45 pm

descriptionRe: Legenda Artodia Design [Toate versiunile]Vin Aug 28, 2015 12:18 pm

descriptionRe: Legenda Artodia Design [Toate versiunile]

Legenda Artodia Design [Toate versiunile]Lun Iun 01, 2015 4:51 pm

Re: Legenda Artodia Design [Toate versiunile]Lun Iun 01, 2015 7:48 pm

Re: Legenda Artodia Design [Toate versiunile]Mar Iun 02, 2015 6:32 am

Re: Legenda Artodia Design [Toate versiunile]Sam Iun 06, 2015 6:10 pm

Re: Legenda Artodia Design [Toate versiunile]Sam Iun 06, 2015 6:46 pm

Re: Legenda Artodia Design [Toate versiunile]Sam Iul 04, 2015 10:45 pm

Re: Legenda Artodia Design [Toate versiunile]Vin Aug 28, 2015 12:18 pm

Re: Legenda Artodia Design [Toate versiunile]