Ελληνική Κοινότητα Υποστήριξης ForumGreek
Καλωσήρθατε στο Ελληνικό Φόρουμ Υποστήριξης της ForumGreek!!

Για να αποκτήσετε πλήρη πρόσβαση στο φόρουμ και στα όσα προσφέρει, μπορείτε πολύ απλά να κάνετε μια σύνδεση ή αν δεν έχετε λογαριασμό μία δωρεάν εγγραφή και μπείτε στην κοινότητά μας!!

Στατιστικά - αλλαγή μορφής εμφάνισης

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Λύθηκε Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Skouliki Την / Το Τετ Φεβ 03, 2016 9:32 am

καλημερα

μπορούν τα στατιστικά στο invision να έχουν αυτην την μορφή ?



Έχει επεξεργασθεί από τον/την Skouliki στις Τετ Φεβ 03, 2016 7:16 pm, 1 φορά

Skouliki
Σχεδιαστής

Σχεδιαστής

Θηλυκό
Ηλικία : 40
Δημοσιεύσεις : 610

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Van-Helsing Την / Το Τετ Φεβ 03, 2016 1:11 pm

Καλησπέρα @skouliki,
Μπορείς να βάλεις το πρότυπο index_body εδώ να δω αν μπορέσω να φτιάξω τα IPB Στατιστικά για την έκδοση Invision;






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1750

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Skouliki Την / Το Τετ Φεβ 03, 2016 1:19 pm

Κώδικας:
{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 -->
<div id="fo_stat" class="borderwrap">
   <div class="maintitle floated">
      <h3>{L_STATISTICS}</h3>
      <div class="contract" id="bs0" onclick="toggleCategory('s0');">
            
      </div>
   </div>

   <table cellpadding="0" cellspacing="0" class="ipbtable">
      <thead>
         <tr>
            <th colspan="2">
               <div class="linklist clearfix statlinks">
                  <ul>
                     <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
                     <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
                     <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
                  </ul>
               </div>
            </th>
         </tr>
      </thead>
      <tfoot>
         <tr><td colspan="2"></td></tr>
      </tfoot>
      <tbody id="s0">
         <tr>
            <th colspan="2" class="formsubtitle">
            <!-- 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 -->
            </th>
         </tr>
         <tr>
            <td class="row1" width="1%"><a href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" /></a></td>
            <td class="row2">
               <div class="clearfix"><div class="left">{TOTAL_USERS_ONLINE}</div> <a href="{U_VIEWONLINE}" rel="nofollow" class="viewonline right">{L_VIEW_COMPLETE_LIST}</a></div>
               <div class="thin">{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}</div>
               <div>{LEGEND} : {GROUP_LEGEND}</div>
            </td>
         </tr>
         <!-- BEGIN switch_birthday -->
         <tr>
            <th colspan="2" class="formsubtitle">{L_BIRTHDAY}</th>
         </tr>
         <tr>
            <td class="row1" width="1%"><img src="{L_BIRTHDAY_IMG}" alt="{L_BIRTHDAY}" /></td>
            <td class="row2">
               <p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
            </td>
         </tr>
         <!-- END switch_birthday -->
         <!-- BEGIN switch_calendar_5days -->
         <tr>
            <th colspan="2" class="formsubtitle">{L_CALENDAR_5DAYS}</th>
         </tr>
         <tr>
            <td class="row1" width="1%"><img src="{L_CALENDAR_IMG}" alt="{L_CALENDAR}" /></td>
            <td class="row2">
               {CALENDAR_EVENTS_5DAYS}
            </td>
         </tr>
         <!-- END switch_calendar_5days -->
         <tr>
            <th colspan="2" class="formsubtitle">

            <!-- BEGIN switch_statistics_link -->
            <a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a>
            <!-- END switch_statistics_link -->

            <!-- BEGIN switch_statistics_nolink -->
            {L_STATISTICS}
            <!-- END switch_statistics_nolink -->
            </th>
         </tr>
         <tr>
            <td class="row1"><img src="{L_STATISTICS_IMG}" alt="{L_STATISTICS}" /></td>
            <td class="row2">
               <p>{TOTAL_POSTS}</p>
               <p>{TOTAL_USERS}</p>
               <p>{NEWEST_USER}</p>
               <p>{RECORD_USERS}</p>
            </td>
         </tr>
         <!-- BEGIN switch_chatbox_activate -->
         <tr>
            <th colspan="2" class="formsubtitle">{CHATBOX_NAME}</th>
         </tr>
         <tr>
            <td class="row1"><img src="{CHATBOX_IMG}" alt="{CHATBOX_NAME}" /></td>
            <td class="row2">
               <p>{TOTAL_CHATTERS_ONLINE}</p>
               <p>{CHATTERS_LIST}</p>
               <!-- 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 -->
            </td>
         </tr>
         <!-- END switch_chatbox_activate -->
      </tbody>
   </table>

</div>

<!-- 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 -->

ευχαριστω , καλησπερα

Skouliki
Σχεδιαστής

Σχεδιαστής

Θηλυκό
Ηλικία : 40
Δημοσιεύσεις : 610

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Van-Helsing Την / Το Τετ Φεβ 03, 2016 6:14 pm

Καλησπέρα @Skouliki,
Αντικατέστησε το πρότυπο σου Index_body με το παρακάτω:

Κώδικας:

    {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 -->
    <div id="fo_stat" class="borderwrap">
                        <div id="stats">
                              <br />
                              <ul class="statsPers">
                                <li class="statHide rdtOn">{RECORD_USERS}</li>
                                <li class="statHide lastUser">{NEWEST_USER}</li>
                                <li class="statHide totalUser">{TOTAL_USERS}</li>
                                <li class="statHide totalPost">{TOTAL_POSTS}</li>
                              </ul>
                          <br />
                        </div>
      <div class="maintitle floated">
          <h3>{L_STATISTICS}</h3>
          <div class="contract" id="bs0" onclick="toggleCategory('s0');">
               
          </div>
      </div>

      <table cellpadding="0" cellspacing="0" class="ipbtable">
          <thead>
            <tr>
                <th colspan="2">
                  <div class="linklist clearfix statlinks">
                      <ul>
                        <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
                        <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
                        <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
                      </ul>
                  </div>
                </th>
            </tr>
          </thead>
          <tfoot>
            <tr><td colspan="2"></td></tr>
          </tfoot>
          <tbody id="s0">
            <tr>
                <th colspan="2" class="formsubtitle">
                <!-- 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 -->
                </th>
            </tr>
            <tr>
                <td class="row1" width="1%"><a href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" /></a></td>
                <td class="row2">
                  <div class="clearfix"><div class="left">{TOTAL_USERS_ONLINE}</div> <a href="{U_VIEWONLINE}" rel="nofollow" class="viewonline right">{L_VIEW_COMPLETE_LIST}</a></div>
                  <div class="thin">{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}</div>
                  <div>{LEGEND} : {GROUP_LEGEND}</div>
                </td>
            </tr>
            <!-- BEGIN switch_birthday -->
            <tr>
                <th colspan="2" class="formsubtitle">{L_BIRTHDAY}</th>
            </tr>
            <tr>
                <td class="row1" width="1%"><img src="{L_BIRTHDAY_IMG}" alt="{L_BIRTHDAY}" /></td>
                <td class="row2">
                  <p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
                </td>
            </tr>
            <!-- END switch_birthday -->
            <!-- BEGIN switch_calendar_5days -->
            <tr>
                <th colspan="2" class="formsubtitle">{L_CALENDAR_5DAYS}</th>
            </tr>
            <tr>
                <td class="row1" width="1%"><img src="{L_CALENDAR_IMG}" alt="{L_CALENDAR}" /></td>
                <td class="row2">
                  {CALENDAR_EVENTS_5DAYS}
                </td>
            </tr>
            <!-- END switch_calendar_5days -->
            <tr>
                <th colspan="2" class="formsubtitle">

                <!-- BEGIN switch_statistics_link -->
                <a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a>
                <!-- END switch_statistics_link -->

                <!-- BEGIN switch_statistics_nolink -->
                {L_STATISTICS}
                <!-- END switch_statistics_nolink -->
                </th>
            </tr>
            <tr>
                <td class="row1"><img src="{L_STATISTICS_IMG}" alt="{L_STATISTICS}" /></td>
                <td class="row2">
                  <p>{TOTAL_POSTS}</p>
                  <p>{TOTAL_USERS}</p>
                  <p>{NEWEST_USER}</p>
                  <p>{RECORD_USERS}</p>
                </td>
            </tr>
            <!-- BEGIN switch_chatbox_activate -->
            <tr>
                <th colspan="2" class="formsubtitle">{CHATBOX_NAME}</th>
            </tr>
            <tr>
                <td class="row1"><img src="{CHATBOX_IMG}" alt="{CHATBOX_NAME}" /></td>
                <td class="row2">
                  <p>{TOTAL_CHATTERS_ONLINE}</p>
                  <p>{CHATTERS_LIST}</p>
                  <!-- 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 -->
                </td>
            </tr>
            <!-- END switch_chatbox_activate -->
          </tbody>
      </table>

    </div>

    <!-- 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 -->

και πατάς υποβολή και μετά τον πράσινο σταυρό στη λίστα των προτύπων ώστε να δημοσιευτεί το πρότυπο.

Κατόπιν πας Πίνακας Διαχείρισης ► Λειτουργικές Μονάδες ► HTML & JAVASCRIPT ► Διαχείριση κωδικών Javascript και πατάς δημιουργία JavaScript:

Όνομα: IPB Stats
Τοποθέτηση: τσεκάρισε Στο ευρετήριο:
και επικόλλησε τον παρακάτω κώδικα:

Κώδικας:


    $(document).ready(function(){
                var rdtOn = $('.rdtOn strong').html();
                var lastUser = $('.lastUser strong').html();
                var totalUser = $('.totalUser strong').html();
                var totalPost = $('.totalPost strong').html();
                $('ul.statsPers').prepend('
                <li><span>'+totalPost+'</span> Σύνολο δημοσιεύσεων</li>
                <li><span>'+totalUser+'</span> Σύνολο μελών</li>
                <li><span>'+lastUser+'</span> Νεότερο μέλος</li>
                <li><span>'+rdtOn+'</span> Ταυτόχρονες συνδέσεις</li>
                ');
                });

και πατάς

Κατόπιν πας Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet

και προσθέτεις τον παρακάτω κώδικα:

Κώδικας:


    #stats{margin:0 auto !important;text-align:center !important;display:table;background:none}
    £panda_selector_1426199428561_2_m_panda£{display:none !important}
    .statsPers li span a{text-decoration:none !important}
    .statsPers li > span{padding:5px 8px;background:#E1E1E1;box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-moz-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-webkit-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-o-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;border:1px solid #E1E1E1;margin-bottom:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;text-shadow:1px 1px 0 white;color:#111;font-weight:700}
    .statsPers li{float:left;color:#666;margin:20px 10px}
    .statsPers{list-style:none;display:block;margin:0 auto;width:100%}
    .statHide.rdtOn{display:none}
    .statHide{display:none}

και πατάς .

Αυτό ήταν αν χρειάζεσαι κάποιες ρυθμίσεις σχετικά με την εμφάνιση πες μου να διορθώσουμε το CSS αν χρειάζεται.






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1750

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Skouliki Την / Το Τετ Φεβ 03, 2016 6:46 pm

μια χαρά φαινεται ...σε πιο σημείο αλλάζω το ασπρο φόντο σε άλλο χρώμα να κάνω δοκιμές και το θέμα λύθηκε και ολοκληρώθηκε 
ευχαριστω

Skouliki
Σχεδιαστής

Σχεδιαστής

Θηλυκό
Ηλικία : 40
Δημοσιεύσεις : 610

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Van-Helsing Την / Το Τετ Φεβ 03, 2016 6:59 pm

Στο CSS σου στο element #stats έχει μια εντολή

Κώδικας:

background: none;

μπορείς να την αλλάξεις σε:

Κώδικας:
background: orange;
ή να βάλεις κάποιο άλλο κωδικό χρώματος που σου αρέσει.






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1750

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Skouliki Την / Το Τετ Φεβ 03, 2016 7:15 pm

ευχαριστώ

edit : το χρωμα μπορεί να γίνει σε όλο το table Και οχι στο κέντρο ?

Skouliki
Σχεδιαστής

Σχεδιαστής

Θηλυκό
Ηλικία : 40
Δημοσιεύσεις : 610

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Van-Helsing Την / Το Τετ Φεβ 03, 2016 11:02 pm

Καλησπέρα @skouliki,
Άλλαξε το πρότυπο index_body με το παρακάτω:

Κώδικας:

    {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 -->
                             <div id="stats">
                              <br />
                              <ul class="statsPers">
                                <li class="statHide rdtOn">{RECORD_USERS}</li>
                                <li class="statHide lastUser">{NEWEST_USER}</li>
                                <li class="statHide totalUser">{TOTAL_USERS}</li>
                                <li class="statHide totalPost">{TOTAL_POSTS}</li>
                              </ul>
                          <br />
                         </div><br/>
    <div id="fo_stat" class="borderwrap">

       <div class="maintitle floated">
          <h3>{L_STATISTICS}</h3>
          <div class="contract" id="bs0" onclick="toggleCategory('s0');">
                
          </div>
       </div>

       <table cellpadding="0" cellspacing="0" class="ipbtable">
          <thead>
             <tr>
                <th colspan="2">
                   <div class="linklist clearfix statlinks">
                      <ul>
                         <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
                         <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
                         <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
                      </ul>
                   </div>
                </th>
             </tr>
          </thead>
          <tfoot>
             <tr><td colspan="2"></td></tr>
          </tfoot>
          <tbody id="s0">
             <tr>
                <th colspan="2" class="formsubtitle">
                <!-- 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 -->
                </th>
             </tr>
             <tr>
                <td class="row1" width="1%"><a href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" /></a></td>
                <td class="row2">
                   <div class="clearfix"><div class="left">{TOTAL_USERS_ONLINE}</div> <a href="{U_VIEWONLINE}" rel="nofollow" class="viewonline right">{L_VIEW_COMPLETE_LIST}</a></div>
                   <div class="thin">{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}</div>
                   <div>{LEGEND} : {GROUP_LEGEND}</div>
                </td>
             </tr>
             <!-- BEGIN switch_birthday -->
             <tr>
                <th colspan="2" class="formsubtitle">{L_BIRTHDAY}</th>
             </tr>
             <tr>
                <td class="row1" width="1%"><img src="{L_BIRTHDAY_IMG}" alt="{L_BIRTHDAY}" /></td>
                <td class="row2">
                   <p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
                </td>
             </tr>
             <!-- END switch_birthday -->
             <!-- BEGIN switch_calendar_5days -->
             <tr>
                <th colspan="2" class="formsubtitle">{L_CALENDAR_5DAYS}</th>
             </tr>
             <tr>
                <td class="row1" width="1%"><img src="{L_CALENDAR_IMG}" alt="{L_CALENDAR}" /></td>
                <td class="row2">
                   {CALENDAR_EVENTS_5DAYS}
                </td>
             </tr>
             <!-- END switch_calendar_5days -->
             <tr>
                <th colspan="2" class="formsubtitle">

                <!-- BEGIN switch_statistics_link -->
                <a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a>
                <!-- END switch_statistics_link -->

                <!-- BEGIN switch_statistics_nolink -->
                {L_STATISTICS}
                <!-- END switch_statistics_nolink -->
                </th>
             </tr>
             <tr>
                <td class="row1"><img src="{L_STATISTICS_IMG}" alt="{L_STATISTICS}" /></td>
                <td class="row2">
                   <p>{TOTAL_POSTS}</p>
                   <p>{TOTAL_USERS}</p>
                   <p>{NEWEST_USER}</p>
                   <p>{RECORD_USERS}</p>
                </td>
             </tr>
             <!-- BEGIN switch_chatbox_activate -->
             <tr>
                <th colspan="2" class="formsubtitle">{CHATBOX_NAME}</th>
             </tr>
             <tr>
                <td class="row1"><img src="{CHATBOX_IMG}" alt="{CHATBOX_NAME}" /></td>
                <td class="row2">
                   <p>{TOTAL_CHATTERS_ONLINE}</p>
                   <p>{CHATTERS_LIST}</p>
                   <!-- 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 -->
                </td>
             </tr>
             <!-- END switch_chatbox_activate -->
          </tbody>
       </table>

    </div>

    <!-- 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 -->

και μετά άλλαξε το διόρθωσε τα παρακάτω elements στο CSS σου χωρίς όμως να διαγράψεις τα υπόλοπα elements.

Κώδικας:
#stats {
    background: #EFF1F3;
    display: table;
    margin-top: 10px;
    text-align: center;
    margin-left: 0px;
    height: 14px;
    line-height: 2px;
    vertical-align: bottom;
    width: 1340px;
    float: center !important;
}
.statsPers {
    display: block;
    list-style: none;
    margin: 0px 270px;
    width: 100%;
}

Το αποτέλεσμα θα πρέπει να βγει έτσι:



Άλλαξα λίγο το πρότυπο ώστε τα στατιστικά να βγουν εξω απο τον πίνακα στο επάνω μέρος του.






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1750

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Skouliki Την / Το Τετ Φεβ 03, 2016 11:16 pm

βλέπεις ένα άσπρο leftover κενο απο πάνω?

Skouliki
Σχεδιαστής

Σχεδιαστής

Θηλυκό
Ηλικία : 40
Δημοσιεύσεις : 610

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Van-Helsing Την / Το Τετ Φεβ 03, 2016 11:20 pm

Ναι το πρότυπο το άλλαξες, το αποθήκευσες το δημοσίευσες;






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1750

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Skouliki Την / Το Τετ Φεβ 03, 2016 11:23 pm

@Van-Helsing έγραψε:Ναι το πρότυπο το άλλαξες, το αποθήκευσες το δημοσίευσες;

ναι ναι αυτο το συν ολο το ξεχνάω Shocked ! όλα οκ τωρα ...θέμα ολοκληρώθηκε Very Happy ευχαριστώ

Skouliki
Σχεδιαστής

Σχεδιαστής

Θηλυκό
Ηλικία : 40
Δημοσιεύσεις : 610

Επιστροφή στην κορυφή Πήγαινε κάτω

Λύθηκε Απ: Στατιστικά - αλλαγή μορφής εμφάνισης

Δημοσίευση από Van-Helsing Την / Το Τετ Φεβ 03, 2016 11:26 pm

Ναι αν δεν δημοσιεύσεις το πρότυπο που αλλάζεις δεν ανεβαίνουν οι αλλαγές στο server γιαυτό πρέπει να πατάς το +. Τίποτα. Να σαι καλά. Smile

To θέμα λύθηκε, κλειδώθηκε και αρχειοθετήθηκε.






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1750

Επιστροφή στην κορυφή Πήγαινε κάτω

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή


 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
Χρειάζεστε βοήθεια;
Στις Συχνές Ερωτήσεις μπορείτε να βρείτε σημαντικές πληροφορίες που θα σας βοηθήσουν!