Logo
Graphic Balloon

Graphic Design Help Forum


You are not connected. Please login or register

Go to page : 1, 2  Next

View previous topic View next topic Go down  Message [Page 1 of 2]

Mimóza
#1

on Wed Jul 06, 2016 6:42 am

Graphician
Graphician
avatar
View user profile
GB Coins : 4632
Level : Hobbyist
Program : PSP x8
Behaves well.
Posts : 780
Likes : 202
Should designers learn to code?

Honestly, I feel designers should kow how to code. At least for me it feels so terrible to be full of ideas but not beeing able to implement them. Neutral

skouliki
#2

on Wed Jul 06, 2016 2:38 pm

Montana
GB master

Montana GB master
avatar
View user profile http://iconskouliki.forumgreek.com
GB Coins : 8242
Level : Hobbyist
Program : Photoshop
Behaves well.
Posts : 895
Likes : 316
i feel the same but its not that easy ..i know some cause i am dealing with blogger css but iam like to point 2 and i have yet to learn -----> 21641046124820347247219643912648912461826419246 more things

Malcolm
#3

on Wed Jul 06, 2016 8:29 pm

Moderator
Moderator
avatar
View user profile
GB Coins : 2312
Level : Professional
Program : Photoshop, Unity 3D, MonoDevelop
Behaves well.
Posts : 438
Likes : 54
Well basic coding is probably fine, like HTML/CSS. If you guys need help just let me know



skouliki
#4

on Wed Jul 06, 2016 8:33 pm

Montana
GB master

Montana GB master
avatar
View user profile http://iconskouliki.forumgreek.com
GB Coins : 8242
Level : Hobbyist
Program : Photoshop
Behaves well.
Posts : 895
Likes : 316
the problem with my forum is that is heavily modified so to be honest seems hard to figure out what is happening between css and templates
but today i manage to add by myself the action Watch this topic and move it to a new position

Malcolm
#5

on Wed Jul 06, 2016 8:43 pm

Moderator
Moderator
avatar
View user profile
GB Coins : 2312
Level : Professional
Program : Photoshop, Unity 3D, MonoDevelop
Behaves well.
Posts : 438
Likes : 54
@skouliki wrote:the problem with my forum is that is heavily modified so to be honest seems hard to figure out what is happening between css and templates
but today i manage to add by myself the action Watch this topic and move it to a new position
css is very very very easy trust me lol



skouliki
#6

on Wed Jul 06, 2016 10:44 pm

Montana
GB master

Montana GB master
avatar
View user profile http://iconskouliki.forumgreek.com
GB Coins : 8242
Level : Hobbyist
Program : Photoshop
Behaves well.
Posts : 895
Likes : 316
i know but my css is a mini template and its huge
for example i dont know why the thank button is not visible...the steps are easy
something in the css is in conflict with the template

Malcolm
#7

on Wed Jul 06, 2016 11:28 pm

Moderator
Moderator
avatar
View user profile
GB Coins : 2312
Level : Professional
Program : Photoshop, Unity 3D, MonoDevelop
Behaves well.
Posts : 438
Likes : 54
@skouliki wrote:i know but my css is a mini template and its huge
for example i dont know why the thank button is not visible...the steps are easy
something in the css is in conflict with the template
Can you share the code both css and the template code



skouliki
#8

on Thu Jul 07, 2016 12:45 am

Montana
GB master

Montana GB master
avatar
View user profile http://iconskouliki.forumgreek.com
GB Coins : 8242
Level : Hobbyist
Program : Photoshop
Behaves well.
Posts : 895
Likes : 316
sure  ...so the java is
Code:
$(function() {
  var message = function(child, parent) {
        var pseudo = $(child, parent).text(),
            icon = '<img src="http://i18.servimg.com/u/f18/18/21/60/73/fa_sta10.png" alt=""/>';
    
        return '<div id="fa_thanks_message">' + icon + ' Ο συγγραφέας σου είπε ευχαριστώ, ' + pseudo + ' ! ' + icon + '</div>';
      },
      
      version = $('.bodylinewidth')[0] ? 0 : document.getElementById('wrap') ? 1 : $('.pun')[0] ? 2 : document.getElementById('ipbwrapper') ? 3 : 'badapple', // version check
      node = document.createElement(version ? 'DIV' : 'TR'),
      post = $(version ? 'div.post' : 'tr.post'),
      j = post.length,
      i = 0;
  
  if (version == 'badapple') {
    if (window.console) console.error('This plugin is not optimized for your forum version. Please contact the support for further assistance.');
    return;
  }
  
  node.id = 'fa_thanks'; // id for style modifications
  if (!version) node.innerHTML = '<td colspan="2"></td>'; // phpbb2 must have a cell as the child node
  
  for (; i < j; i++) {
    
    if ((version ? post[i] : post[i].firstChild).style.backgroundColor) { // thanked posts have the backgroundColor style property
      
      post[i].className += ' thanked'; // mark the thanked post with a class
      (version ? node : node.firstChild).innerHTML = message(['.name', 'dl > dt > strong', '.username', '.popmenubutton'][version], post[i]); // thanks message
      
      switch (version) {
        
        case 0 : // phpbb2
          node.firstChild.style.backgroundColor = post[i].firstChild.style.backgroundColor;
          node.firstChild.className = post[i].firstChild.className;
          post[i].parentNode.insertBefore(node, post[i].nextSibling);
          break;
          
        case 1 : // phpbb3
          post[i].firstChild.insertBefore(node, post[i].firstChild.lastChild.previousSibling);
          break;
          
        case 2 : // punbb
          node.className = 'postfoot';
          node.style.margin = '0';
          post[i].appendChild(node);
          break;
          
        case 3 : // invision
          node.className = 'post-footer';
          node.style.backgroundColor = post[i].style.backgroundColor;
          post[i].appendChild(node);
          break;
        
      }
      
      break; // break out of the for loop when the thanked post is found
    }
    
  }
});


viewtopic body i think you need
Code:

    <script type="text/javascript">//<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
       _atc.cwait = 0;
       $('.addthis_button').mouseup(function(){
          if ($('#at15s').css('display') == 'block') {
             addthis_close();
             addthis_close();
          }
       });
    });
    //]]>
    </script>

    <a class="ipsUserPhotoLink left" href="#">
        <img class="ipsUserPhoto ipsUserPhoto_medium" alt="Foto" src="http://i56.servimg.com/u/f56/17/97/98/69/avatar10.png">
    </a>
    <div class="ipsBox_withphoto" itemtype="http://schema.org/Article" itemscope="">
        <span class="rating ipsType_smaller" itemtype="http://schema.org/AggregateRating" itemscope="" itemprop="aggregateRating">
            <!-- BEGIN switch_user_logged_in -->
            <!-- END switch_user_logged_in -->
            
            <span id="rating_text" style="display: none;">
                <span id="rating_hits" itemprop="ratingCount">0</span> <span>Ψήφοι</span>
                <meta content="0" itemprop="ratingValue">            
            </span>
        </span>
       <h1 class="ipsType_pagetitle" itemprop="name">{TOPIC_TITLE}</h1>
       <div class="desc lighter blend_links">
            Ξεκίνησε από <span itemprop="creator"><a title="" href="" class="url fn name"><span itemprop="name"></span></a></span>, Δημοσιεύτηκε <span itemprop="dateCreated"> </span>
       </div>
        <span id="tags_search"></span>
        <br>
        <meta content="UserComments:3" itemprop="interactionCount">
          </div></div>
    <br>
      
    <div class="pun-crumbs noprint">
       <p class="crumbs">
          <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
          <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
          <!-- Backup <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong> -->
          </p>
    </div>
    <div class="main paged">
       <div class="paged-head clearfix">
          <!-- BEGIN topicpagination -->
          <p class="paging">{PAGINATION}</p>
          <!-- END topicpagination -->
        
            <!-- #region TitleBox_Viewtopic_body -->
    <!-- BEGIN switch_user_logged_in -->

    <!-- BEGIN watchtopic -->
        <li>{S_WATCH_TOPIC}</li>
        <!-- END watchtopic -->

    <!-- END switch_user_logged_in -->
          <p class="posting">
             <!-- BEGIN switch_user_authpost -->
                      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
             <!-- END switch_user_authpost -->
             <!-- BEGIN switch_user_authreply -->
                      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
             <!-- END switch_user_authreply -->
                             </p>
            
                
                 <!-- BEGIN switch_user_logged_in -->
                
                
                 <!-- END switch_user_logged_in -->


       </div>
       {POLL_DISPLAY}  
       <div class="main-content topic">
       <div class="main-head clearfix">
          <p class="h2">
             <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  
             {L_MESSAGE} [{PAGE_NUMBER}]
          </p>
       </div>
          <!-- BEGIN postrow -->
              <!-- BEGIN hidden -->
                <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
             <!-- END hidden -->
             <!-- BEGIN displayed -->
             <div class="post"{postrow.displayed.THANK_BGCOLOR}>
                <a name="{postrow.displayed.U_POST_ID}"></a>
                              <div id="p{postrow.displayed.U_POST_ID}" class="posthead">
                      <h2>
                      <span class="post_id right ipsType_small desc blend_links">
                           <strong>#{postrow.displayed.COUNT_POSTS}</strong>
                    </span>
                                                      <div class="post_username">
                                                               <span class="reset_cursor" style="float: left; margin-top: -3px; margin-right: 12px;cursor: pointer;" data-tooltip="">
                        <img title="Fuera de lνnea" alt="Fuera de lνnea" src="http://i56.servimg.com/u/f56/17/97/98/69/postce10.png">
                    </span>
                    <span class="reset_cursor" style="float: left; margin-top: -3px; margin-right: 10px; margin-left: -26px;cursor: pointer;" data-tooltip="">{postrow.displayed.ONLINE_IMG}</span>
                                                      
                         <div style="float: left; font-size: 12px; font-family: Arial;" class="username">{postrow.displayed.POSTER_NAME}</div>
                                                      </div>
                                                      <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>
                      </h2>
                   </div>
                <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
                    <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                      <div class="user">
                                                      <div class="user-ident"><br />
                                        
                                                              <div class="user-basic-info">
                                                                {postrow.displayed.POSTER_AVATAR}<br /><br />
                                                                         <div class="rank" style="font-weight: 500;">{postrow.displayed.POSTER_RANK_NEW}</div><br />
                                                                      {postrow.displayed.RANK_IMAGE}
                                                                      <div class="conect"></div>
                                                                      
                            </div>
                         </div>
                         <div class="user-info">
                                                            
                            <!-- BEGIN profile_field -->
                                                              <div class="pitmeprofile"><span style=""><span id="perf">  <div class="post_field">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div></div>
                            <!-- END profile_field -->
                            {postrow.displayed.POSTER_RPG}
                         </div>
                      </div>
                      <div class="post-entry">
                         <div class="entry-content">
                            <!-- BEGIN switch_vote_active -->
                            <div class="vote gensmall">
                               <!-- BEGIN switch_vote -->
                               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                               <!-- END switch_vote -->
                               <!-- BEGIN switch_bar -->
                               <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                  <!-- BEGIN switch_vote_plus -->
                                  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                  <!-- END switch_vote_plus -->
                                  <!-- BEGIN switch_vote_minus -->
                                  <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                  <!-- END switch_vote_minus -->
                               </div>
                               <!-- END switch_bar -->
                               <!-- BEGIN switch_no_bar -->
                               <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                               <!-- END switch_no_bar -->
                               <!-- BEGIN switch_vote -->
                               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                               <!-- END switch_vote -->
                            </div>
                            <!-- END switch_vote_active -->  
                                                      
                            <div>
                               <div id="message_{postrow.displayed.U_POST_ID}" style="margin-top: 10px; font-size: 12px; color: rgb(40, 40, 40);">
                                        {postrow.displayed.MESSAGE}
                                    </div>
                                    <iframe name="iframe_{postrow.displayed.U_POST_ID}" height="0px" width="0px" frameborder="0"></iframe>
                               <!-- BEGIN switch_attachments -->
                               <dl class="attachbox">
                                  <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                  <dd>
                                     <!-- BEGIN switch_post_attachments -->
                                     <dl class="file">
                                        <dt>
                                           <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
                                           <!-- BEGIN switch_dl_att -->
                                           <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                           <!-- END switch_dl_att -->
                                           <!-- BEGIN switch_no_dl_att -->
                                           {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                           <!-- END switch_no_dl_att -->
                                        </dt>
                                        <!-- BEGIN switch_no_comment -->
                                        <dd>
                                           <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                        </dd>
                                        <!-- END switch_no_comment -->
                                        <!-- BEGIN switch_no_dl_att -->
                                        <dd>
                                           <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                        </dd>
                                        <!-- END switch_no_dl_att -->
                                        <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                     </dl>
                                     <!-- END switch_post_attachments -->
                                  </dd>
                               </dl>
                               <!-- END switch_attachments -->
                               <div class="clear"></div>
                            </div>
                            <p>
                              
                            </p>
                         </div>
                      </div>
                   </div>
                   <!-- BEGIN switch_signature -->
                   <div class="sig-content">
                      {postrow.displayed.SIGNATURE_NEW}
                   </div>
                   <!-- END switch_signature -->
                   <div class="postfoot">
                                                                                               <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
                         {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                      </div>
                      <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
                                                      {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                      </div>
                      <div style="clear:both;"></div>
                                              </div>
                </div>
             </div>
             <!-- BEGIN first_post_br -->
          </div>
          <hr id="first-post-br" />
          <div class="main-content topic">
             <!-- END first_post_br -->
             <!-- END displayed -->
             <!-- BEGIN hidden -->
                <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
             <!-- END hidden -->
          <!-- END postrow -->
       <div class="main-foot clearfix">
          <p class="h2">
             {L_MESSAGE} [{PAGE_NUMBER}]
          </p>
          <p class="options">
             <input type="hidden" name="t" value="{TOPIC_ID}" />
             <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
             <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
             <!-- BEGIN viewtopic_bottom -->
             {S_TOPIC_ADMIN}
             <!-- END viewtopic_bottom -->
          </p>
       </div>
       </div>
    <a name="bottomtitle"></a>
       <div class="paged-foot clearfix">
          <!-- BEGIN topicpagination -->
          <p class="paging">{PAGINATION}</p>
          <!-- END topicpagination -->
          <p class="posting">
             <!-- BEGIN switch_user_authpost -->
                      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
             <!-- END switch_user_authpost -->
             <!-- BEGIN switch_user_authreply -->
                     <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
             <!-- END switch_user_authreply -->
          </p>
       </div>
    </div>
    <br />
    <!-- BEGIN promot_trafic -->
    <div class="main" id="ptrafic_close" style="display:none">
       <div class="main-head clearfix">
          <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
          <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
       </div>
    </div>
    <div class="main" id="ptrafic_open" style="display:''">
       <div class="main-head clearfix">
          <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
          <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
       </div>
       <div class="main-content clearfix">
          <!-- BEGIN link -->
          »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
          <!-- END link -->
       </div>
    </div>
    <!-- END promot_trafic -->
    <!-- BEGIN switch_forum_rules -->
    <div class="main" id="forum_rules">
       <div class="main-head clearfix">
          <p class="h2">{L_FORUM_RULES}</p>
       </div>
       <table class="main-content frm">
          <tr>
             <!-- BEGIN switch_forum_rule_image -->
             <td class="logo">
                <img src="{RULE_IMG_URL}" />
             </td>
             <!-- END switch_forum_rule_image -->
             <td class="rules entry-content">
                {RULE_MSG}
             </td>
          </tr>
       </table>
    </div>
    <!-- END switch_forum_rules -->
    <!-- BEGIN switch_user_logged_in -->
    <a name="quickreply"></a>  
    <center>{QUICK_REPLY_FORM}</center>
    <!-- END switch_user_logged_in -->
      <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
    <script>
    jQuery(document).ready(function(){
          jQuery('#right').css('display','none');
          jQuery('#content').css('margin-right','0px');
    });
    </script>
    <style>
      #content-container div#content {
    margin-right: 0px;
    }
    </style>
    <script type="text/javascript">
        //<![CDATA[
        jQuery(document).ready(function(){
            var target = $('.post:first');
            target.find('div.postbody').find('strong:contains("Υπενθύμιση αρχικής δημοσίευσης")').closest('div.main-content.topic').hide();
            var imgdata = target.find('div.user-basic-info');
            var autor_dat = target.find('div.username');
            var autor_url = autor_dat.attr('href');
            var autor_txt = autor_dat.text();
            var date = target.find('span.data-post').html();
            var topic_title = '{TOPIC_TITLE}';
            var tags = topic_title.split(' ');
            var follow = '{S_WATCH_TOPIC}';
            
            $('.ipsUserPhotoLink.left').attr('href', imgdata.find('a').attr('href'));
            $('.ipsUserPhoto.ipsUserPhoto_medium').attr('src', imgdata.find('img').attr('src'));
            $('span[itemprop="creator"]').find('a').attr('title', autor_txt).attr('href', autor_url);
            $('span[itemprop="name"]').text(autor_txt);
            $('span[itemprop="dateCreated"]').html(date);
            
            /* Eliminar valores duplicados en el array!
             -> Si usted encuentra algo mejor que esto, por favor suguieralo.*/
            tags = tags.filter(
                function(a){
                    if (!this[a]) {
                        this[a] = 1;
                        return a;
                    }
                }
            );
            /* Establece bϊsqueda de etiquetas ...*/
            $.each(tags, function(index, data) {
                if(data.length > 4) {
                    $('#tags_search').append(
                        '<a id="tag_search_' + index + '" class="ipsTag" title="Αναζήτηση με ετικέτες: ' + data + '" href="/search?search_keywords=' + data + '">' +
                        '    <span>' + data + '</span>' +
                        '</a>'
                    );
                }
            });
            /* Whatch topic */
            <!-- BEGIN switch_user_logged_in -->
            
            <!-- END switch_user_logged_in -->
            
            var target = $('.main-content.topic').find('div.post');
            target.each(function(index) {
                var oThis = $(this);
                var userImg = oThis.find('div.user-basic-info a');
                var memberTitle = oThis.find('p.desc.member_title');
                var urlID = oThis.find('.username a').attr('href');
                var target = oThis.find('div.user-basic-info').text();
                var IsSuper = (target.search(/administrador/i) + 1) + (target.search(/moderador/i) + 1) + (target.search(/punbb/i) + 1);
                /* Sets default avatar... */
                if (userImg.find('img').length == 0) {
                    userImg.html('<img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="User image">');
                }
                /* field_id1 (Tνtulo) = First field added to the perfil! */
                $.get(urlID, function(data){
                    var userTitle = $.trim($('#field_id1', data).find('div.field_uneditable').text());
                    var posts = $('#field_id-6', data).find('div.field_uneditable').text();
                    if (IsSuper <= 0) {
                        if (posts <= 99){
                            memberTitle.text('Membro');
                        } else if (posts >= 100 && posts < 200) {
                            memberTitle.text('Membro Nνvel 1');
                        } else if (posts >= 200 && posts < 300) {
                            memberTitle.text('Membro Nνvel 2');
                        } else if (posts >= 300 && posts < 500) {
                            if(userTitle == '-') {memberTitle.text('Membro Nνvel 3');}
                        } else if (posts >= 500) {
                            if(userTitle == '-') {memberTitle.text('Membro Avanηado');}
                        }
                    } else {
                        if(userTitle != '-') {memberTitle.text(userTitle);}
                    }
                    /*conjuntos de estado*/
                    /*console.log($.trim($('#user_status', data).text()));*/
                    if($.trim($('#user_status', data).text()) == 'conectado') {
                        oThis.find('span.ipsBadge').html('online').addClass('ipsBadge_green').removeClass('ipsBadge_lightgrey');
                    } else {
                        oThis.find('span.ipsBadge').html('offline').addClass('ipsBadge_lightgrey').removeClass('ipsBadge_green');
                    };
                });
            });
        });
        /* Editar Mensajes*/
        function edit_message(topic_ID, post_ID){
            /* This load and read all form fields ―| */
            $('#' + topic_ID).load('/post?p=' + post_ID + '&mode=editpost' + ' .main .frm-form', function() {
                var msgID = $('#' + topic_ID);
                msgID.find('.main-head.clearfix').remove();
                msgID.find('.frm-set.multi > dl').hide();
                msgID.find('#textarea_content dt:last').show();
                msgID.find('.frm-set.multi').css('border-bottom', '0px');
                msgID.find('.frm-set > dl').hide();
                msgID.find('.frm-buttons').css('border-top', '0');
                msgID.find('.main').hide();
                msgID.find('.frm-form').attr('target','iframe_' + post_ID).submit(function(){var time=setTimeout("edited()",1000);});
                msgID.find('input[name=post]').css('margin-left', '-225px');
                msgID.find('input[name=preview]').css('margin-left', '120px').attr('value', 'Cancelar');
            });
        }
        function edited(){window.location.reload()}      
        //]]>
    </script>
    <style type="text/css">
       <!--
      .topic_buttons li span, .ipsButton {
    background: #f4f4f4 url('http://www.ipbfocus.com/skindemo/public/style_images/dash/highlight_strong.png') repeat-x 0 -1px;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    border: 1px solid #c0c2c3;
    color: #414141;
    text-shadow: #fff 0px 1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    line-height: 34px;
    height: 34px;
    padding: 0 20px;
    text-align: center;
    min-width: 70px;
    display: inline-block;
    cursor: pointer;
    }
      .topic_buttons li {
    float: right;
    margin: 0 0 10px 10px;
    }
      .topic_buttons li span {
    cursor: default !important;
    }
    .topic_buttons li.disabled a, .topic_buttons li.disabled span {
    background: #ebebeb;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    border: 0;
    color: #7f7f7f;
    }
    .topic_buttons li.enabled a, .topic_buttons li.enabled span {
    background: #ebebeb;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    border: 0;
    color: #FFF;
    }
    .pun .username a span {
        color: #A4A4A4 !important;
    }
      .desc {
        color: #A4A4A4 !important;
        font-size: 12px !important;
    }
    .desc.lighter, .desc.lighter.blend_links a {
        color: #A4A4A4 !important;
    }
    .data-post {
    color: #ccc;
    float: left;
    font-size: 11px;
    font-weight: normal;
    }  
      .post_online {
        display: inline-block;
        float: left;
        min-width: 60px;
    }
        .right {
            float: right;
        }
        .left {
            float: left;
        }
        .ipsBox_withphoto {
            margin-left: 65px;
        }
        .ipsUserPhoto_medium {
            height: 54px;
            width: 54px;
        }
        .ipsUserPhoto {
            background: none repeat scroll 0 0 #FFFFFF;
            padding: 1px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            margin-top: 10px;
        }
        .ipsUserPhotoLink:hover .ipsUserPhoto {
            opacity:0.8;
        }
        .rating {
            display: block;
            line-height: 16px;
            margin-bottom: 4px;
        }
        .ipsType_smaller, .ipsType_smaller a {
            font-size: 11px !important;
        }
        .rating img {
            vertical-align: top;
        }
        #rating_text {
            margin-left: 4px;
        }
        .ipsType_pagetitle, .ipsType_subtitle {
            color: #323232;
            font: 300 26px/1.3 Helvetica,Arial,sans-serif;
        }
        .desc.lighter, .desc.lighter.blend_links a {
            color: #A4A4A4;
        }
        .desc, .desc.blend_links a, p.posted_info {
            color: #777777;
            font-size: 12px;
        }
    .ipsTag {
    display: inline-block;
    background: url('http://i.imgur.com/Xm2n2t3.png');
    height: 20px;
    line-height: 20px;
    padding: 0 7px 0 15px;
    margin: 5px 5px 0 0;
    font-size: 11px;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
    -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;
    }
        .ipsButton_secondary {
            background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
            border: 1px solid #DBDBDB;
            border-radius: 3px 3px 3px 3px;
            box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
            color: #616161;
            display: inline-block;
            font-size: 12px;
            height: 22px;
            line-height: 22px;
            padding: 0 10px;
            transition: all 0.2s ease-in-out 0s;
            white-space: nowrap;
        }
        .ipsButton_secondary:hover {
            border-color: #9A9A9A;
            color: #4C4C4C;
        }
        .ipsButton_extra {
            color: #5C5C5C;
            font-size: 11px;
            height: 22px;
            line-height: 22px;
            margin-left: 5px;
        }
        .clickable {
            cursor: pointer;
        }
        -->
    </style>
    <!-- #endregion TitleBox_Viewtopic_body -->
    <!-- #region: member_title -->
    <style type="text/css">
    <!--
    .author_info .member_title {
        margin-bottom: 5px;
        word-wrap: break-word;
    }
    .desc, .desc.blend_links a, p.posted_info {
        color: #777777;
        font-size: 12px;
    }
        -->
    </style>
    <!-- #endregion: member_title -->

skouliki
#9

on Thu Jul 07, 2016 12:46 am

Montana
GB master

Montana GB master
avatar
View user profile http://iconskouliki.forumgreek.com
GB Coins : 8242
Level : Hobbyist
Program : Photoshop
Behaves well.
Posts : 895
Likes : 316
css
Code:
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}
body{background:#eee url("http://i.imgur.com/zijKcQD.png") repeat;color:#5a5a5a;font:normal 12px Lato,tahoma,helvetica,arial,sans-serif;}
ol, ul {
    list-style: none outside none;
}
.left{float:left}.hide{display:none}
.ipsType_pagetitle,.ipsType_subtitle{font:300 26px/1.4 Helvetica,Arial,sans-serif;color:#323232}.ipsType_subtitle{font-size:18px}.ipsType_sectiontitle{font-size:16px;font-weight:normal;color:#595959;padding:5px
0}.ipsType_pagedesc{color:#7f7f7f;line-height:1.5}.ipsType_pagedesc
a{text-decoration:underline}.ipsType_textblock{line-height:1.7}.ipsBox_container
.ipsType_pagetitle{margin-bottom:6px}.ipsReset{margin:0px
!important;padding:0px
!important}
.clear{clear:both}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
a{color:#333;text-decoration:none}a:hover{color:#111}::-moz-selection{color:#fff;background:#82b8e6}::selection{color:#fff;background:#82b8e6}
.pun a:link {
    color: #333;
    text-decoration: none;
}
.pun a:link:hover {
    color: #333;
    text-decoration: none;
}
.pun a:link:visited {
    color: #333;
    text-decoration: none;
}
/*ipslist_inline*/
.ipsList_inline>li{display:inline-block;margin:0
3px}.ipsList_inline>li:first-child{margin-left:0}.ipsList_inline>li:last-child{margin-right:0}.ipsList_inline.ipsList_reset>li:first-child{margin-left:3px}.ipsList_inline.ipsList_reset>li:last-child{margin-right:3px}.ipsList_inline.ipsList_nowrap{white-space:nowrap}
/*wrapper*/
.pun {
    margin: 0px auto;
    min-width: 860px;
    padding: 5px;
    width: 98%;
}
.wrapper{margin:0
auto;min-width:980px;max-width:1600px;width:980px}#contentWrapper{position:relative}#mainContent{background:#fff;width: 1000px;border:1px
solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;-moz-box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;margin-left:84px;min-height:780px}#content{padding:10px;line-height:120%}.fullWidth{margin:0
-10px}
/*user_navigation*/
#user_navigation{float:right;color:#5f5f5f;font-size:12px;font-family:Lato,sans-serif;line-height:36px;margin:22px
-100px 0 0}#user_navigation
a{color:#5f5f5f;float:left;padding:0
12px;line-height:36px;outline:none;height:36px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#user_navigation
a.userNavPhoto{height:auto;padding:0;margin-top:0;margin-right:6px}#user_navigation a:hover{background:rgba(255,255,255,0.8)}#user_navigation
.user_photo{position:relative;vertical-align:top;padding:0;height:36px;width:auto;-webkit-border-radius:3px;border-radius:3px}#user_navigation #sign_in img,
#user_navigation #register_link
img{vertical-align:top;position:relative;margin:10px
2px 0 0}#user_navigation .ipsList_inline
li{margin:0;padding:0;float:left}#user_link_dd,.dropdownIndicator{display:inline-block;width:9px;height:5px;background:url('http://www.ipbfocus.com/skindemo/public/style_images/concise34x/header_dropdown.png') no-repeat right}#user_link_menucontent #links
li{width:50%;float:left;margin:3px
0;white-space:nowrap}#user_link_menucontent #links
a{display:block}#user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active
.dropdownIndicator{background-position:right}#community_app_menu .menu_active
.dropdownIndicator{background-position:left}#community_app_menu li.active .menu_active
.dropdownIndicator{background-position:right}#user_link_menucontent
#statusForm{margin-bottom:15px}#user_link_menucontent
#statusUpdate{margin-bottom:5px}#user_link_menucontent>div{margin-left:15px;width:265px;text-align:left}#statusSubmitGlobal{margin-top:3px}#user_navigation a#user_link.menu_active,
#user_navigation a#notify_link.menu_active,
#user_navigation
a#inbox_link.menu_active{background-position:bottom;background-color:#fff;color:#323232;-moz-border-radius:3px 3px 0 0;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;border-radius:3px 3px 0 0;position:relative;z-index:10000}#notify_link,#inbox_link{vertical-align:middle;width:20px;padding:0px
8px !important;position:relative}#notify_link
img{background-image:url('http://i.imgur.com/t5cWJSX.png')}#inbox_link
img{background-image:url('http://i.imgur.com/6REF008.png')}#notify_link img, #inbox_link
img{width:20px;height:20px;background-repeat:no-repeat;background-position:0 0;margin-top:-2px}#notify_link.menu_active img, #inbox_link.menu_active
img{background-position:0 -20px}.services
img{margin:10px
-2px 0 -2px;vertical-align:top}
/*avatar en navegacion*/
#avatar img {
max-height: 28px;
margin: 4px -6px 0px;
padding: 0px;
position: relative;
vertical-align: top;
top: 1px;
max-width: 28px;
}
/*logo & menu*/
#branding{height:75px;padding-left:86px}#logo{float:left}
#logo a {
    color: #5F5F5f !important;
    text-shadow: 0px 1px 0px #FFF !important;
    height:75px !important;
    line-height: 75px !important;
    padding: 0px 12px !important;
    font-size: 25px !important;
    display: block !important;
    text-decoration: none !important;
}
#logo a {
    font-family: "Lato",sans-serif !important;
}
#logo a:hover{color:#222 !important}#primary_nav{position:absolute;left:0;top:8px;width:85px;overflow:hidden}#community_app_menu>li{margin:0;position:relative;float:none;display:block}#community_app_menu>li>a{color:#909090;text-shadow:#fff 0px 1px 0px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;display:block;outline:none;padding:10px
0;margin-bottom:1px;text-align:center}#community_app_menu>li>a:hover,#community_app_menu>li>a.menu_active{background:rgba(0,0,0,0.03);color:#555}#community_app_menu>li.active{position:relative}#community_app_menu>li.active>a{background:#fff;text-shadow:none;color:#3677e0;position:relative;border:1px
solid #ddd;border-right:0;-webkit-box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;-moz-box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;box-shadow:rgba(0,0,0,0.06) 0px 1px 6px}#community_app_menu a:before{content:"";width:32px;height:32px;display:block;margin:0
auto 8px auto;background:url("http://i.imgur.com/d3pmRU0.png") no-repeat 50% 50%}#community_app_menu #nav_home a:before{background-image:url("http://i.imgur.com/4ceyNna.png")}#community_app_menu #nav_app_forums a:before{background-image:url("http://i.imgur.com/rNG2riJ.png")}#community_app_menu #nav_app_members a:before{background-image:url("http://i84.servimg.com/u/f84/19/39/97/10/nav_me11.png")}#community_app_menu #nav_app_blog a:before{background-image:url("http://i.imgur.com/z0wDvEP.png")}#community_app_menu #nav_app_calendar a:before{background-image:url("http://i.imgur.com/J3nC04t.png")}#community_app_menu #nav_app_gallery a:before{background-image:url("http://i.imgur.com/Nh1Hwba.png")}#community_app_menu #nav_app_ipchat a:before{background-image:url("http://i.imgur.com/IfweooG.png")}#community_app_menu #nav_app_ccs a:before{background-image:url("http://i.imgur.com/rWm3vFP.png")}#community_app_menu #nav_app_downloads a:before{background-image:url("http://i.imgur.com/NEaNUai.png")}
#community_app_menu #nav_app_nexus a:before{background-image:url("https://cdn2.iconfinder.com/data/icons/bitsies/128/Brush-32.png")}#primary_nav .active:before,
#primary_nav .active:after{content:"";position:absolute;width:3px;height:3px;top:-2px;right:0;z-index:2;background:url("http://i.imgur.com/RNqYTjm.png") no-repeat 0 0}#primary_nav .active:after{background-position:0 -3px;top:auto;bottom:-2px}#primary_nav a.ipbmenu
img{margin-right:-6px}#primary_extra_menucontent,#more_apps_menucontent,.submenu_container{background:#173455;font-size:12px;border:0;min-width:140px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:0 0 4px 4px}#primary_extra_menucontent li, .submenu_container li,
#more_apps_menucontent
li{padding:0;border:0;float:none !important;min-width:150px}#primary_extra_menucontent a,
#more_apps_menucontent a, .submenu_container
a{display:block;padding:8px
10px;color:#c5d5e2}#primary_extra_menucontent a:hover,
#more_apps_menucontent li:hover a, .submenu_container li:hover
a{background:#1d3c5f;color:#fff}#primary_extra_menucontent li:last-child a,
#more_apps_menucontent li:last-child
a{-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:0 0 4px 4px}#community_app_menu
.submenu_container{width:260px}#community_app_menu .submenu_container
li{width:260px}
#community_app_menu #nav_app_uploads :before {background: url("http://i86.servimg.com/u/f86/19/39/97/10/rwm3vf10.png") no-repeat 50% 20%;}
/*#nav_app_uploads {background: url('http://i86.servimg.com/u/f86/19/39/97/10/rwm3vf10.png') no-repeat 50% 20%;}*/
/*secundary_navigation*/
#secondary_navigation{text-shadow:#fff 0px 1px 0px;border-bottom:1px solid #ededed;overflow:hidden;line-height:37px;clear:both;font-size:11px}#secondary_navigation
a{color:#3677e0;line-height:37px;height:37px}#secondary_navigation a:hover{color:#222}#secondary_navigation #breadcrumb
li{float:left}#secondary_navigation #breadcrumb li
a{padding-left:12px;margin-left:-15px;background:url('http://i.imgur.com/ZHos64h.png') no-repeat 0 0;display:block;outline:none;text-decoration:none}#secondary_navigation #breadcrumb li.first
a{margin-left:0;background:none;padding-left:0px}#secondary_navigation #breadcrumb li
span{display:block;padding-right:17px;padding-left:4px;background:url('http://i.imgur.com/ZHos64h.png') no-repeat 100% 0}#secondary_navigation #breadcrumb li>span{padding-left:4px;background:none transparent}#secondary_navigation #breadcrumb li.first a
span{padding-left:12px;-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}#secondary_navigation #breadcrumb li a:hover{background-position:0 -43px}#secondary_navigation #breadcrumb li a:hover
span{background-position:100% -43px}#secondary_navigation #breadcrumb li a:active{background-position:0 -86px}#secondary_navigation #breadcrumb li a:active
span{background-position:100% -86px}#secondary_links{overflow:hidden}#secondary_links
li{float:left;margin:0;border-left:1px solid #ededed}#secondary_links
a{padding:0
12px;display:block}#secondary_links a:hover{background:#fafafa}#secondary_links
img{vertical-align:top;width:16px;height:16px;position:relative;margin:10px
-3px 0 -3px}#secondary_links a:hover
img{opacity:0.7}.breadcrumb{color:#777;font-size:11px}.breadcrumb
a{color:#777}.breadcrumb li
.nav_sep{margin:0
5px 0 0}.breadcrumb li:first-child{margin-left:0}.breadcrumb.bottom{margin-top:10px;width:100%;display:none}.ipsHeaderMenu{background:#fff;padding:10px;-moz-border-radius:0 0 6px 6px;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;border-radius:0 0 6px 6px;overflow:hidden;width:340px}.ipsHeaderMenu.boxShadow{-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 10px;box-shadow:rgba(0,0,0,0.1) 0px 0px 10px}.ipsHeaderMenu
.ipsType_sectiontitle{margin-bottom:8px}#user_notifications_link_menucontent.ipsHeaderMenu,#user_inbox_link_menucontent.ipsHeaderMenu{width:300px}
/*search*/
#search{height:50px;border-left:1px solid #ddd;margin-left:13px;float:left;width:350px;padding:25px
0 0px 25px;margin-top: 0px;margin-left: 0px;}#main_search{font-size:12px;border:0;padding:0;background:transparent;width:160px;outline:0;height: 25px;line-height: 25px;}#main_search.inactive{color:#bcbcbc}#search_wrap{position:relative;background:#fff;border:1px
solid #c7c7c7;display:block;padding:0
26px 0 4px;height:26px;line-height:25px;-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.1);box-shadow:inset 0px 1px 3px rgba(0,0,0,0.1);min-width:200px;float:left}#search_wrap:hover{border-color:#999}#adv_search{width:28px;height:28px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:url('http://www.ipbfocus.com/skindemo/public/style_images/concise34x/advanced_search.png') no-repeat 50% 50%;text-indent:-3000em;display:inline-block;margin-left:3px;float:left}#adv_search:hover{background-color:rgba(0,0,0,0.08)}#search
.submit_input{background:#3677e0 url('http://i.imgur.com/lFhHgCs.png') no-repeat 50%;border:1px
solid #2966c9;border-left:0;text-indent:-3000em;padding:0;border:0;display:block;width:27px;height:28px;position:absolute;right:-1px;top:-1px;bottom:-1px}#search .submit_input:hover{background-color:#2966c9}#search_options{max-width:80px;text-overflow:ellipsis;overflow:hidden;font-size:11px;height:26px;line-height:26px;margin:0;padding:0
6px;background:#f5f5f5;border-left:1px solid #eaeaea;display:inline-block;text-shadow:#fff 0px 1px 0px;float:right}#search_options_menucontent{min-width:130px;white-space:nowrap;padding:0;background:#fff;border:1px
solid #c6c6c6}#search_options_menucontent
input{margin-right:10px}#search_options_menucontent
li{border-bottom:1px solid #ededed;white-space:nowrap}#search_options_menucontent li:last-of-type{border-bottom:0}#search_options_menucontent label:hover{background:#f5f5f5}#search_options_menucontent
label{cursor:pointer;display:block;padding:0
6px}#search_options_menucontent
li.title{padding:3px
6px}
fieldset,img{border:0}
.right {
    float: right;
}
/*categorias*/
.main .main-head {
background-color: transparent;
color: #111;  
padding: 12px;
font-size: 21px;
font-weight: 300;
font-family: "Lato";
border-bottom: 1px solid #CCC;
overflow: hidden;
}

.main .main-head .page-title {
    font-size: 21px;
    font-weight: 300;
    font-family: "Lato";
}
/*toogle*/
.main .main-head.collapsed{opacity:0.2}
.main-head.collapsed:hover{opacity:0.4}
.main-head .toggle{background:url(http://i.imgur.com/PCJc4iH.png) no-repeat scroll 0 0 transparent;display:block;height:22px;outline:0 none;text-indent:-3000em;visibility:hidden;width:32px;margin: -5px -5px -10px 0px;}
.main-head:hover .toggle{visibility:visible}
.main-head.collapsed .toggle{background-image:url("http://i.imgur.com/PEg4V9e.png")}
/*widget*/
.module .main-head {
    color: #111;
    font-size: 13px;
    font-weight: 700;
    padding: 13px;
    border: 1px solid #E3E3E3;
    background-color: #FCFCFC !important;
}
.pun .main-content {
background-color: #fff;
border: 1px solid transparent;
}
.main .main-foot {
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
background: none repeat scroll 0% 0% #FAFAFA;
font-size: 11px;
font-weight: bold;
padding: 8px;
margin: -8px -8px 8px;
}
.pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {
    color: #727272 !important;
    margin-left: 0.6em;
    text-decoration: none;
    font-size: 11px !important;
}
.pun .main-foot .h2, .pun .main-head .h2 {
    float: left;
    color: #727272 !important;
}
.pun .paged-foot, .pun .paged-head {
    background-color: transparent;
    border: 0;
    padding: 0.6em 1.3em 0.3em;
}
/*tablas*/
.pun table.table {
    border-collapse: collapse;
    empty-cells: show;
    background-color: #fff;
}
.pun table.table .statused tr:hover  {
 background-color:#f5f5f5
}
.pun table.table td {
    background: none repeat scroll 0% 0% transparent;
    border-width: medium medium 1px;
    border-style: none none solid;
    border-color: transparent transparent #DDD;
}
.pun table td.tcl {
    border-left-style: none;
    border-left-width: 0px;
    height: 42px;
    min-height: 24px;
    padding-left: 0.5em;
    vertical-align: top;
}
.pun table .tcr {
    overflow: hidden;
    padding: 0px 0px 0px 0.5em !important;
    text-align: left;
    width: 45%;
}
.pun .table .tc2, .pun .table .tc3 {
    text-align: right;
    width: 35%;
}
.pun .main table td.tc3 {
    background-color: transparent;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: transparent;
}
.pun table .tcl {
    overflow: hidden;
    text-align: left;
    width: 70%;
}
.pun .main-content {
    background-color: #FBFBFB;
    border: transparent;
}
.pun tbody.statused td.tcl {
padding-left: 1.4em;
font-size: 12px;
color: black;
}
#stats {
    background-color: transparent;
    padding: 0.6em 1em;
    border-top: 1px solid #CCC;
}
#onlinelist {
    background-color: transparent;
    border-top: 0;
    padding: 0.6em 1em;
}
/*post*/
.user-basic-info a img {
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, inset rgba(0,0,0,0.04) 0px 0px 0px 1px;
    max-height: 94px;
    max-width: 94px;
    padding: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.user-basic-info a img:hover {
    opacity: 0.8;
}
.pun .posthead {
    background: none repeat scroll 0% 0% #F6F6F6;
    border-bottom: 1px solid #EAEAEA;
    position: relative;
    padding: 20px;
}
.post_username {
float: left;
font-weight: 700;
min-width: 200px;
}
.pun .posthead h2 strong {
float: right;
margin-top: -7px;
}
.data-post {
    color: #A4A4A4 !important;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin-top: -7px;
}
.postfoot {
    background: url('http://i.imgur.com/DsGNB4i.png') repeat scroll 0% 0% #353535;
    border: 0;
    clear: both;
    margin-left: -198px;
    padding: 7px;
    text-align: right;
    border-radius: 3px;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 5px;
    overflow: hidden;
}
.postfoot {
    background-color: transparent;
}
.pun .post .user {
float: left;
margin-left: -17em;
margin-top: -1.8em;
position: relative;
text-align: center;
}
/*avatar en indice y subforos*/
.mini_ava img {
    float: left;
}
.mini_ava img {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
  border-radius: 3px;
    width: 34px;
    height: 34px;
    margin: 3px;
    padding: 1px;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.mini_ava img:hover {
 opacity:0.7;
}
/*ocultar*/
.main-box {
    background: none repeat scroll 0% 0% #FDFDFD;
    margin: 0px 0px 1em;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    padding: 7px;
}
#pun-about {
    text-align: center;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    padding: 7px;
    background: none repeat scroll 0% 0% #FDFDFD;
}
#pun-visit {
    background-color: #F4F4F4;
    border-color: #DDD;
    border-style: solid;
    border-width: 1px;
    margin: 0px 0px 1em;
    padding: 0.6em 1em;
    display: none;
}
#pun-about #qjump {
    float: left;
    text-align: left;
    display: none;
}
/*titlebox*/
.ipbfs_titlebox {
    background: none repeat scroll 0% 0% #F9F9F9;
    border: 1px solid #E6E6E6;
    text-shadow: 0px 1px 0px #FFF;
    border-radius: 3px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05) inset;
    padding: 10px;
    overflow: hidden;
}
/*guest*/
.guestMessage{background:#f5f4f3;border:1px
solid #e9e8e8;color:#000000;font-size:13px;line-height:170%;margin-bottom:10px;padding:10px;-webkit-box-shadow:inset #000000 0px 1px 4px;-moz-box-shadow:inset #000000 0px 1px 4px;box-shadow:inset #000000 0px 1px 4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.guestMessage
a{color:#000000;text-decoration:none;border-bottom:1px solid #000000}
/* Nav Tabs */
    #primary_nav {
      position:absolute;
      margin-left: 0px;
      width:85px;
      overflow:hidden;
      margin-top: 5px;
    }
    #community_app_menu>li {
      margin:0;
      position:relative;
      float:none;
      display:block;
    }
    #community_app_menu>li>a {
      color:#909090;
      text-shadow:#fff 0px 1px 0px;
      -webkit-border-top-left-radius:3px;
      -webkit-border-bottom-left-radius:3px;
      -moz-border-radius:3px 0 0 3px;
      border-radius:3px 0 0 3px;
      display:block;
      outline:none;
      padding:10px 0;
      margin-bottom:1px;
      text-align:center;
      text-decoration: none;
      font-family: "Lato";
    }
    #community_app_menu>li>a:hover,#community_app_menu>li>a.menu_active {
      background:rgba(0,0,0,0.03);
      color:#555;
    }
    #community_app_menu>li.active {
      position:relative;
    }
    #community_app_menu>li.active>a {
      background:#fff;
      text-shadow:none;
      color:#3677e0;
      position:relative;
      border:1px solid #ddd;
      border-right:0;
      -webkit-box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;
      -moz-box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;
      box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;
    }
    #community_app_menu a:before {
      content:"";
      width:32px;
      height:32px;
      display:block;
      margin:0 auto 8px auto;
      background:url("http://i86.servimg.com/u/f86/19/39/97/10/rwm3vf10.png") no-repeat 50% 50%;
    }
    #community_app_menu #nav_home a:before {
      background-image:url("http://i62.tinypic.com/20u8ktt.png");
    }
    #community_app_menu #nav_app_forums a:before {
      background-image:url("http://i61.tinypic.com/2hxnifa.png");
    }
    #community_app_menu #nav_app_members a:before {
      background-image:url("http://i84.servimg.com/u/f84/19/39/97/10/nav_me11.png");
    }
    #community_app_menu #nav_app_profile a:before {
      background-image:url("http://i60.tinypic.com/2vc96pk.png");
    }
    #community_app_menu #nav_app_mailbox a:before {
      background-image:url("http://i60.tinypic.com/19rt6s.png");
    }
    #primary_nav .active:before, #primary_nav .active:after{
      content:"";
      position: absolute;
      width: 3px;
      height: 3px;
      top: -2px;
      right: 0;
      z-index: 2;
      background: url('http://i58.tinypic.com/117r72w.png') no-repeat 0 0;
    }
    #primary_nav .active:after{
      background-position:0 -3px;
      top:auto;
      bottom:-2px;
    }
    #primary_nav a.ipbmenu img{
      margin-right:-6px;
    }
#community_app_menu > li > a {
    border-radius: 3px 0px 0px 3px;
    color: #909090;
    display: block;
    margin-bottom: 1px;
    outline: medium none;
    padding: 10px 0px;
    text-align: center;
    text-shadow: 0px 1px 0px #FFF;
}
#chatbox_header.main-head {
    background-color: white;
    color: #dedfdf;
    padding: 0 1.3em;
    border-bottom: 1px solid darkgray;
}
#chatbox .user {
    display: block;
    padding: 2px;
    text-align: left;
}
#smiley-box {
    float: left;
    width: 25%;
    margin-top: -310px;
}
.pun .frm div.posting-block dd.frm-textarea {
    width: 525px;
}
.sceditor-container iframe, .sceditor-container textarea {
    background: #fff;
    border: 0;
    color: #111;
    font-family: /*Verdana,*/Arial/*,Helvetica,sans-serif*/;
    font-size: 12px;
    margin: 5px;
    outline: 0;
    padding: 0;
    resize: none;
    width: 515px !important;
}

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
.pun table td.tcl h2 {
    font-weight: normal;
    font-size: 12px;
}
#chatbox_members .cb-avatar > img {
    height:30px;width:30px;
    vertical-align: middle;
}
.fa_vote, .fa_voted, .fa_count {
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  display:inline-block !important;
  width:auto !important;
  transition:300ms;
}
 
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
 
.fa_count {
  font-weight:bold;
  margin:0 3px;
  cursor:default;
}
 
.fa_positive { color:#4A0 }
.fa_negative { color:#A44 }
 
.fa_votebar, .fa_votebar_inner {
  background:#C44;
  height:3px;
}
 
.fa_votebar_inner {
  background:#4A0;
  transition:300ms;
}

.fa_vote.fa_minus img {
    display: none !important;
}
.fa_count.fa_negative {
    display: none !important;
}
.rules:after {
  content:url("https://cdn4.iconfinder.com/data/icons/miu/24/map-location-pin-map-marker-glyph-24.png");
  vertical-align:top;
}
.english:after {
  content:url("https://cdn0.iconfinder.com/data/icons/outline-icons/320/Paint-24.png");
  vertical-align:top;
}
.greek:after {
  content:url("https://cdn0.iconfinder.com/data/icons/outline-icons/320/Paint-24.png");
  vertical-align:top;
}
.other:after {
  content:url("https://cdn0.iconfinder.com/data/icons/free-misc-icon-set-1/512/brush-art-24.png");
  vertical-align:top;
}
.text:after {
  content:url("http://i86.servimg.com/u/f86/11/40/02/06/14590412.png");
  vertical-align:top;
}
.disc:after {
  content:url("https://cdn0.iconfinder.com/data/icons/free-misc-icon-set-1/512/chat-24.png");
  vertical-align:top;
}
.request:after {
  content:url("http://i86.servimg.com/u/f86/11/40/02/06/grey_b12.png");
  vertical-align:top;
}
.notext:after {
  content:url("http://i86.servimg.com/u/f86/11/40/02/06/grey_b14.png");
  vertical-align:top;
}


.user-ident {padding-top: 10px;}
.user-info {width:195px;text-align:center; background-color:#2d2d2d; color:#f9faf7; margin-bottom:40px; border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 60px;
-webkit-border-radius: 0px 0px 60px 60px;
border-bottom: 3px solid #4d4d4d;
-webkit-box-shadow: 0px 32px 45px -19px rgba(168,168,168,1);
-moz-box-shadow: 0px 32px 45px -19px rgba(168,168,168,1);
box-shadow: 0px 32px 45px -19px rgba(168,168,168,1);
padding-bottom: 30px;}
.label {color:#dfdfdf; border-bottom: 1px solid #2d2d2d;}
.user-basic-info,.user-info {width:auto}
.user-basic-info a img {
  background:#FFF;
  height:130px;
  width:130px;
    padding:3px;
  border-color: #212121 #ffffff;
border-style:solid;
border-width:5px;
}
.user {text-align: center;}
.user-ident {background-color:#212121 }
.user-basic-info,.user-info {width:auto}
.user-basic-info a img {
  background:#FFF;
  height:130px;
  width:130px;
    padding:3px;
  border-color: #212121 #ffffff;
border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-webkit-border-radius: 50% 50% 50% 50%;
border-style:solid;
border-width:5px;
}
.user-ident {background-color:#212121 }
.user-basic-info {background-color:#dad7d7;}

               #recent_topic_list {
                  height:200px;
                  overflow-y:auto;
                }
              
                #recent_topic_list::-webkit-scrollbar {
                  width:6px;
                }
              
                #recent_topic_list::-webkit-scrollbar-track {
                  background:rgba(0, 0, 0, 0.1);
                }
              
                #recent_topic_list::-webkit-scrollbar-thumb {
                  background:#999;
                }

.monAva img {
  height:25px;
  width:25px;
}
.myStaff a {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}

#fa_menu_dd {
  background-color:#333;
  background-color:rgba(0, 0, 0, 0.7);
  border:1px solid #000;
  border-radius:3px;
  padding:3px;
  margin-top:15px;
  position:absolute;
}
a.textLogo img {
    max-width: 64px;
    max-height: 64px;
}
div#cookieChoiceInfo {
    position: fixed;
    width: 15%!important;
    left: 10px!important;
    bottom: 10px !important;
    border: 1px solid #080808!important;
    background:#00569C!important;
    border-radius: 5px!important;
    box-shadow: 0px 0px 10px #000!important;
    line-height: 1.6!important;
}
div#cookieChoiceInfo a[href="/faq"] {
    display: block!important;
    background: #AA0000!important;
  border-radius:5px!important;
}
a#cookieChoiceDismiss {
    background: #399405!important;
    display: block!important;
    padding: 5px!important;
    margin-top: 5px!important;
    border-radius: 5px!important;
    font-size: 13px!important;
}
p.posting a {
    padding: 2px !important;
}
.lastpost-avatar img {
  border-radius: 20px;
}

#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
  color:#280;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  background-color:#DFD;
  border:1px solid #BDB;
  border-radius:6px;
  padding:6px;
  margin:6px;
}
 

and here is the easy tutorial which i follow http://help.forumotion.com/t142451-add-a-message-to-thanked-posts#969782

Malcolm
#10

on Thu Jul 07, 2016 2:15 am

Moderator
Moderator
avatar
View user profile
GB Coins : 2312
Level : Professional
Program : Photoshop, Unity 3D, MonoDevelop
Behaves well.
Posts : 438
Likes : 54
and can you provide the website?



Rhino.Freak
#11

on Thu Jul 07, 2016 2:52 am

Technician
Technician
avatar
View user profile http://opae.a-superlab.com/forum
GB Coins : 2221
Level : Hobbyist
Program : Adobe Photoshop / MS Paint
Behaves well.
Posts : 146
Likes : 45
If you're talking about web designers, then yeah. To be specific, the HTML/CSS/JavaScript is what you need.

I don't see the need for say, an animator, to learn coding of any sort.



skouliki
#12

on Thu Jul 07, 2016 8:43 am

Montana
GB master

Montana GB master
avatar
View user profile http://iconskouliki.forumgreek.com
GB Coins : 8242
Level : Hobbyist
Program : Photoshop
Behaves well.
Posts : 895
Likes : 316
@Malcolm wrote:and can you provide the website?
http://iconskouliki.forumgreek.com/

thanks for looking into it

skouliki
#13

on Wed Jul 13, 2016 9:39 pm

Montana
GB master

Montana GB master
avatar
View user profile http://iconskouliki.forumgreek.com
GB Coins : 8242
Level : Hobbyist
Program : Photoshop
Behaves well.
Posts : 895
Likes : 316
@Malcolm did you find time to look it ?

Malcolm
#14

on Thu Jul 14, 2016 7:08 am

Moderator
Moderator
avatar
View user profile
GB Coins : 2312
Level : Professional
Program : Photoshop, Unity 3D, MonoDevelop
Behaves well.
Posts : 438
Likes : 54
@skouliki wrote:@Malcolm did you find time to look it ?

I'm working on it, due to my busy busy schedule, I'll let you know within a couple days! btw, is it possible to translate to english?


Edit: I looked into it and noticed that a thumbs up button was visible. Or is it something else?



skouliki
#15

on Thu Jul 14, 2016 8:13 am

Montana
GB master

Montana GB master
avatar
View user profile http://iconskouliki.forumgreek.com
GB Coins : 8242
Level : Hobbyist
Program : Photoshop
Behaves well.
Posts : 895
Likes : 316
its the like system its must be visible so everyone can vote
you can translate the whole site
no rush thanks !!

Sponsored content
#16

Sponsored content

View previous topic View next topic Back to top  Message [Page 1 of 2]

Go to page : 1, 2  Next

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