The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Insert new Pm Icon ( Punbb)

View previous topic View next topic Go down

In progress Insert new Pm Icon ( Punbb)

Post by la valle dell'eco on February 7th 2015, 11:12 am

Technical Details


Forum version : PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox
Screenshot of problem : https://i38.servimg.com/u/f38/16/68/87/84/mp10.png
Who the problem concerns : All members
When the problem appeared : Insert new PM icon
Forum link : http://www.lavalledelleco.net/

Description of problem

Hello everyone.
I want to know how to insert an icon that indicates when a private message. Now I see that that does not change when a message arrives.

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by SLGray on February 7th 2015, 7:30 pm

Administration Panel > Display > Colors & Pictures > Pics Management
Advanced Mode
General/Explore Tab
New Private Message:


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by la valle dell'eco on February 9th 2015, 7:05 pm

@SLGray

Unfortunately, I have modified the code and then it does not work ( Shit ) . Here is the code

overall_header

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

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

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

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

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

         case 'left':
            break;

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

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

         default:
            slid_vert = true;
      }

      $(document).ready(function() {

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

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

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

            if (slid_vert)
            {
               var height_max = h_perso;

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

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

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

   <script type="text/javascript">
   //<![CDATA[
   jQuery().ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(window).load(function() {            
            Ticker.start({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {switch_ticker.STOP_TIME}
            });
         });
      <!-- END switch_ticker -->
   });

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

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

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

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

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

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

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
    <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
</head>

<body>
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

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

   <a id="top" name="top" accesskey="t"></a>   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
                         
                <div id="aca_es_el_limite">
                                                       

                                                                                                                    <!-- BEGIN switch_user_logged_out -->
                       
                                                                                                                                                              <!-- END switch_user_logged_out -->
                           
                            <div id="user_bar" class="clearfix">
                                                                                                  <!-- BEGIN switch_user_logged_in -->
               <div id="user_navigation" class="logged_in">
                     <ul class="ipsList_inline">
                        <li><a href="/profile?mode=editprofile&page_profil=avatars" title="Change Avatar">
<script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.frm dl dd img', data).attr('src');
      if(link){
                            jQuery('#avatar').html('<center><img src="'+link+'" alt="" /></center>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><div id="avatar"><center></center></div>
                                </a></li>
                                                          <li><a id="user_link" href="/profile?mode=editprofile&page_profil=preferences" title="Your Profile"><span class="USERNAME"></span> &nbsp;<span id="user_link_dd"></span></a></li>                     
                                                          <li><a  id="inbox_link" href="/privmsg?folder=inbox" title="Messenger"><img src="http://i59.servimg.com/u/f59/18/91/14/63/mail11.png" alt="" />&nbsp;</a></li>
                           <li><a  id="notify_link" href="/profile?mode=editprofile&page_profil=notifications" title="Notifications"><img src="http://i59.servimg.com/u/f59/18/91/14/63/bell11.png" alt="" />&nbsp;</a></li>
                                                                          <li><a href="/login?logout">Sign Out</a></li>                        
                        
                     </ul>
                  </div>
                                          </div>
                                                                                      <!-- END switch_user_logged_in -->
                                         
                                         
                                         
                                                                                                                                    <!-- BEGIN switch_user_logged_out -->
                                          <div id="user_navigation" class="not_logged_in">
                     
                     <ul class="ipsList_inline">
                        <li>
                           <span class="services">
                              
                              
                              
                           </span>
                           <a href="/login" title="Sign In" id="sign_in"><img src="http://i59.servimg.com/u/f59/18/91/14/63/user_l10.png" alt=""> Sign In</a>
                        </li>
                        <li>
                           <a href="/register" title="Create Account" id="register_link"><img src="http://i59.servimg.com/u/f59/18/91/14/63/user_r10.png" alt=""> Create Account</a>
                        </li>
                     </ul>
                  </div>
                                            </div>
                                                                                                                                            <!-- END switch_user_logged_out -->
                                                                                 
                                                                                  <div id="ipbwrapper">
                                                                                   
                                                                                    <div id="branding" class="clearfix">
                <div id="logo">
                   
                  <a href="/forum" title="Go to community index" rel="home" accesskey="1"><img src="http://i39.servimg.com/u/f39/18/91/14/63/i_logo12.png" alt="Logo"></a>
                   
                </div>
                <div id="search" class="right">
                  <form id="search-box" action="/search?search_where=11" method="get">

   
<form method="get" action="/search?search_where=11" id="search-box">
       <fieldset>
         <label for="main_search" class="hide">Search</label>
         <a href="/search?search_where=11" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="right">Advanced</a>
         <span id="search_wrap" class="attach">
                          <input type="text" id="main_search" name="search_keywords" class="" size="17" tabindex="100" placeholder="Search...">
            <span class="choice ipbmenu clickable" id="search_options" style="">Forums</span>
            <ul id="search_options_menucontent" class="ipbmenu_content ipsPad" style="display: none; position: absolute; z-index: 9999;">
               <li class="title" style="z-index: 10000;"><strong style="z-index: 10000;">Search section:</strong></li>
               
               
               
               <li class="app" style="z-index: 10000;"><label for="s_forums" title="Forums" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_forums" value="forums" checked="checked" style="z-index: 10000;">Forums</label></li><li class="app" style="z-index: 10000;"><label for="s_members" title="Members" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_members" value="members" style="z-index: 10000;">Members</label></li><li class="app" style="z-index: 10000;"><label for="s_core" title="Help Files" style="z-index: 10000;"><input type="radio" name="search_app" class="input_radio" id="s_core" value="core" style="z-index: 10000;">Help Files</label></li>            
                  
               
            
                  
               
            
                  
               
            
                  <li class="app" style="z-index: 10000;">
                        <label for="s_calendar" title="Calendar" style="z-index: 10000;">
                           <input type="radio" name="search_app" class="input_radio" id="s_calendar" value="calendar" style="z-index: 10000;">
                           Calendar
                        </label>
                     </li>
               
            
                  <li class="app" style="z-index: 10000;">
                        <label for="s_downloads" title="Downloads" style="z-index: 10000;">
                           <input type="radio" name="search_app" class="input_radio" id="s_downloads" value="downloads" style="z-index: 10000;">
                           Downloads
                        </label>
                     </li>
               
            
                  <li class="app" style="z-index: 10000;">
                        <label for="s_blog" title="Blogs" style="z-index: 10000;">
                           <input type="radio" name="search_app" class="input_radio" id="s_blog" value="blog" style="z-index: 10000;">
                           Blogs
                        </label>
                     </li>
               
            
                  <li class="app" style="z-index: 10000;">
                        <label for="s_gallery" title="Gallery" style="z-index: 10000;">
                           <input type="radio" name="search_app" class="input_radio" id="s_gallery" value="gallery" style="z-index: 10000;">
                           Gallery
                        </label>
                     </li>
               
            
                  <li class="app" style="z-index: 10000;">
                        <label for="s_ccs" title="Pages" style="z-index: 10000;">
                           <input type="radio" name="search_app" class="input_radio" id="s_ccs" value="ccs" style="z-index: 10000;">
                           Pages
                        </label>
                     </li>
               
            
                  
               
            
                  
               
            </ul>
            <input type="submit" class="submit_input clickable" value="">
         </span>
         
      </fieldset>
   </form>
</div>
         </div>
                                         
                                          <div id="primary_nav" class="clearfix">
                <ul class="ipsList_inline" id="community_app_menu">
                   
                   
                               
      
         
         
      

         
         <li id="nav_app_forums" class="left active"><a href="/forum" title="Go to Forums">Forum</a></li>
      

         
         <li id="nav_app_members" class="left "><a href="/memberlist" title="Go to Members">Lista Utenti</a></li>
                 
                 
      <li id="nav_app_downloads" class="left "><a href="/groups" title="Go to Groups"> Gruppi </a></li>

         
         <li id="nav_app_calendar" class="left "><a href="/portal?pid=1" title="Go to Forum Amici">Forum Amici</a></li>
      

         
         <li id="nav_app_blog" class="left "><a href="/portal?pid=2" title="Go to Taverna dell'Eco">La Taverna dell'Eco</a></li>
   
      
   
      </div>
   
                       
         
                     
                      <div class="encuert">
                                                                                   
            <div class="pun">
               <div id="pun-intro" class="clearfix">
                  <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                  <!-- BEGIN switch_h1 -->
                  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                  <!-- END switch_h1 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
               </div>
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>

               <!-- BEGIN switch_ticker_new -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker_new -->

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

               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                     <div id="outer-wrapper">
                        <div id="wrapper">
                           <div id="container">
                              <div id="content">
                                 <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                 </div>
                                 <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
                          </div>
                      </div>
  </div>
</body>
</html>
<!-- END html_validation -->

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by _Twisted_Mods_ on February 9th 2015, 7:12 pm

try

acp>display>headers&navigation>You have no new messages

modify it and change the

Secondary picture

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by SLGray on February 9th 2015, 7:14 pm

@_Twisted_Mods_ wrote:try

acp>display>headers&navigation>You have no new messages

modify it and change the

Secondary picture
You can not change that image there.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by la valle dell'eco on February 10th 2015, 5:53 pm

I tried but did not succeed.
How can I fix the problem?

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by _Twisted_Mods_ on February 10th 2015, 8:46 pm

do u have anything in your css that overrides the image? if u dont know post ur css here and ill look over it .. dont forget to use code tags when you post it

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by la valle dell'eco on February 12th 2015, 2:57 pm

@_Twisted_Mods_ wrote:do u have anything in your css that overrides the image? if u dont know post ur css here and ill look over it .. dont forget to use code tags when you post it

Code:
#notify_link img, #inbox_link img {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: -2px;
}

#inbox_link img {
background-image: url('http://i59.servimg.com/u/f59/18/91/14/63/icon_i10.png');
}

#notify_link img {
background-image: url('http://i59.servimg.com/u/f59/18/91/14/63/icon_n10.png');
}



Here is the css. And thanks I love you

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by _Twisted_Mods_ on February 12th 2015, 3:05 pm

sorry im asking so much but can you provide me with test acct for your forum

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by la valle dell'eco on February 12th 2015, 3:08 pm

No problem. I'm sorry but I do not know that means "test act"? Can you explain it to me? It is a term used but I do not know. You need all the CSS or just that piece?

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by _Twisted_Mods_ on February 12th 2015, 3:14 pm

sorry .. could you create an account on your forum and pm me the login information ..also all of your css.. thankyou

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by la valle dell'eco on February 12th 2015, 5:29 pm

Ok

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by la valle dell'eco on February 12th 2015, 7:28 pm

Code:
#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}

a.forumtitle {
    color: rgb(51, 51, 51) !important;
   
}
/*----------------FIN---------------*/
body {
background: url('http://i59.servimg.com/u/f59/18/91/14/63/opacit10.png') repeat;
}
body {
background-color: #2f4979;
}

body {
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}

/*limites */

div#aca_es_el_limite {
margin: 0 auto;
min-width: 980px;
max-width: 1600px;
width: 90%;
}
div#aca_es_el_limite {
width: 90% !important;
min-width: 980px !important;
}
.pun {
width: AUTO;
}

/*bar*/
#user_bar {
padding-top: 6px;
}
#user_navigation {
float: right;
color: #333;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
text-shadow: rgba(255,255,255,0.3) 0px 1px 0px;
padding-right: 3px;
}
ol, ul {
list-style: none;
}


.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}

#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation a {
color: #222;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
-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;
}

a {
color: #333;
text-decoration: none;
}
#user_navigation #avatar img {
position: relative;
vertical-align: top;
padding: 0;
height: 24px;
width: auto;
margin: 6px -6px 0px -6px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
}
#user_link_dd, .dropdownIndicator {
display: inline-block;
width: 9px;
height: 5px;
background: url('http://i59.servimg.com/u/f59/18/91/14/63/header10.png') no-repeat right;
}

::selection {
color: #fff;
background: #82b8e6;
}

#notify_link img, #inbox_link img {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: -2px;
}

#inbox_link img {
background-image: url('http://i59.servimg.com/u/f59/18/91/14/63/icon_i10.png');
}

#notify_link img {
background-image: url('http://i59.servimg.com/u/f59/18/91/14/63/icon_n10.png');
}

img, .input_check, .input_radio {
vertical-align: middle;
}
#user_navigation a:hover {
background: url("http://i59.servimg.com/u/f59/18/91/14/63/transw13.png") repeat;
background: rgba(255,255,255,0.3);
}


#ipbwrapper {
background-image: url('http://i59.servimg.com/u/f59/18/91/14/63/opacit11.png');
margin: 0 auto;
line-height: 120%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 12px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 12px rgba(0,0,0,0.25);
box-shadow: 0 1px 12px rgba(0,0,0,0.25);
}
#ipbwrapper {
background-color: #2f4979;
}


#branding {
background: #333  ('http://i59.servimg.com/u/f59/18/91/14/63/brandi10.png') repeat-x center;
border-bottom: 0;
min-height: 30px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-khtml-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
#branding {
background-color: #2f4979;
}
#logo { float: left;
margin: 0px 0px 0px 60px;
}


#search {
margin: -40px 10px 10px 0px;
}
fieldset, img {
border: 0;
}
.hide {
display: none;
}
label {
cursor: default;
}

#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('http://i59.servimg.com/u/f59/18/30/76/54/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#search_wrap {
position: relative;
background: url('http://i59.servimg.com/u/f59/18/91/14/63/transw12.png') repeat;
display: block;
padding: 0 26px 0 8px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
min-width: 230px;
}
#main_search {
background: transparent;
border: 0;
color: #fff;
font-size: 12px;
outline: 0;
padding: 0;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
width: 138px;
line-height: 25px;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#search_options {
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
color: #fff;
color: rgba(255,255,255,0.6);
display: inline-block;
border-right: 1px solid rgba(255,255,255,0.1);
float: right;
}
.smalltext {
font-size: 11px;
}
.clickable {
cursor: pointer;
}
#search .submit_input {
background: url('http://i59.servimg.com/u/f59/18/91/14/63/search10.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
}
#search .submit_input:hover {
background-color: rgba(255,255,255,0.2);
}
#adv_search:hover {
background-color: rgba(255,255,255,0.2);
}

/*navbar :D*/


#primary_nav {
background: #284b72 url('http://i59.servimg.com/u/f59/18/91/14/63/primar10.png') repeat-x top;
font-size: 14px;
padding: 7px;
}
#primary_nav {
background-color: #2f4979;
}
#community_app_menu>li {
margin: 0px 3px 0 0;
position: relative;
}


#community_app_menu>li>a {
color: #b8c4ce;
color: rgba(255,255,255,0.6);
font-family: tahoma,'helvetica neue',arial;
background: transparent;
display: block;
padding: 0px 12px;
line-height: 27px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}


#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: transparent url('http://i59.servimg.com/u/f59/18/91/14/63/primar11.png') repeat-x top;
color: #fff;
text-decoration: none;
box-shadow: inset 0 1px 0px rgba(255,255,255,0.1);
-webkit-box-shadow: inset 0 1px 0px rgba(255,255,255,0.1);
-moz-box-shadow: inset 0 1px 0px rgba(255,255,255,0.1);
}

#community_app_menu>li>a {
color: #b8c4ce;
color: rgba(255,255,255,0.6);
font-family: tahoma,'helvetica neue',arial;
background: transparent;
display: block;
padding: 0px 12px;
line-height: 27px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
transition: all 250ms ease;
}
#community_app_menu>li>a:active {
background: rgba(0,0,0,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 5px 15px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 5px 15px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 5px 15px rgba(0,0,0,0.4);
color: #fff;
text-shadow: -1px -1px 1px black;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: transparent url('http://i59.servimg.com/u/f59/18/91/14/63/primar11.png') repeat-x top;
color: #fff;
text-decoration: none;
box-shadow: inset 0 1px 0px rgba(255,255,255,0.1);
-webkit-box-shadow: inset 0 1px 0px rgba(255,255,255,0.1);
-moz-box-shadow: inset 0 1px 0px rgba(255,255,255,0.1);
}

#community_app_menu>li.active>a {
background: rgba(0,0,0,0.3);
box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 5px 15px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 5px 15px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 5px 15px rgba(0,0,0,0.4);
color: #fff;
font-weight: bold;
text-shadow: none;
}
.pun-crumbs p a  {
color: #757575!important;
font-size: 11px;
}

.pun a:visited {
color: #666F81;
}
.pun a:link {
  color: #666F81;
}

.pun a:hover {
color: #EB8A0B;
 font-weight: bold;
}

/*index box*/



.main .main-foot, .main .main-head {
background: #333 url('http://i59.servimg.com/u/f59/18/91/14/63/mainti10.png') repeat-x top;
color: #fff;
color: rgba(255,255,255,0.8);
padding: 9px 12px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
border-width: 1px 1px 0 1px;
border-color: #333;
border-style: solid;
-moz-box-shadow: 0 -1px 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255, 0.1);
-webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255, 0.1);
box-shadow: 0 -1px 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
overflow: hidden;
}
.main .main-foot, .main .main-head {
background-color: #2f4979;
}
.main .main-foot, .main .main-head {

border-color: #2f4979;
}
.main .main-foot {
  border-radius: 0 0 4px 4px!important;
}
.main .main-head .page-title {
color: white;
font-size: 12px;
font-weight: bold;
font-family: tahoma,helvetica,arial,sans-serif;
}
.main .main-head .page-title h2 {
color: white;
font-size: 12px;
  font-weight: bold;
font-family: tahoma,helvetica,arial,sans-serif;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
font-weight: bold;
color: white;
font-family: tahoma,helvetica,arial,sans-serif;
}
.table tbody.statused tr td {
background: #fff!important;
border: 0;
border-bottom: 1px solid #f3f3f3!important;
vertical-align: middle;
color: #777;
}
.pun .main-content {
border: 1px solid #bfbfbf;
-webkit-box-shadow: rgba(0,0,0,0.06) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.06) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.06) 0px 1px 3px;
}
.noborde {
border-top: 0!important;
  }
.col_c_stats {
text-align: right;
width: 15%;
}
.pun table.table th {
border-bottom: 1px solid #bfbfbf;
border-bottom: 1px solid rgba(0,0,0,0.15);
text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
background: #333 url('http://i59.servimg.com/u/f59/18/91/14/63/transw11.png') repeat;
-webkit-box-shadow: rgba(255,255,255,0.6) 0px 1px 0px inset;
-moz-box-shadow: rgba(255,255,255,0.6) 0px 1px 0px inset;
box-shadow: rgba(255,255,255,0.6) 0px 1px 0px inset;
padding: 8px;
background-color: #2f4979;
}
.main .frm-info {
margin: 1.7em;
background: #cde3a4 url('http://i59.servimg.com/u/f59/18/91/14/63/highli10.png') repeat-x 0 0;
padding: 10px;
border: 1px solid #a8c471;
text-shadow: rgba(255,255,255,0.55) 0px 1px 0px;
line-height: 1.6;
font-size: 12px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
background-color: #f3e3e6;
border-color: #e599aa;
}
/*css avatar en indice*/
.mini_ava {
float: left;

}
.mini_ava img {
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #a1a1a1;
height: 36px;
margin: 0 5px;
padding: 1px;
width: 36px;
}
.mini_ava img:hover {
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
border-color: #999;
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.ipsType_small {
font-size: 11px;
}
.col_c_stats ul {
  border-right: 1px solid rgba(0,0,0,0.1);
padding-right: 10px;
padding-left: 0;
line-height: 16px;
}
td.tcr span a:empty:before {
color: #a4a4a4;
content: "No posts to view.";
cursor: default;
font-style: italic;
margin: 1px 0 4px 8px;
pointer-events: none;
text-align: center;
word-wrap: break-word;
}
a.forumtitle  {
font-family: tahoma,helvetica,arial,sans-serif;
font-size: 12px;
color: #333!important;
}

a.forumtitle:hover {
color: #111!important;
}
.inforo {
  padding-top: 5px;
font-size: 11px;
color: #777;
}


/*cuerpo de la visualizacion de los temas*/


.post_block {
    background: url('http://i59.servimg.com/u/f59/18/91/14/63/highli10.png') repeat-x scroll 0px 0px, url('http://i59.servimg.com/u/f59/18/91/14/63/transw10.png') repeat scroll 0% 0% #2F4979;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 13px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
}
/*topic body*/
.post_block h3, .post_block h3 a, .post_block h3 .desc a {
color: #fff;
}
.post_block{
background-color: #2f4979;
}
span.post_id {
margin-left: 4px;
}

.desc, .desc.blend_links a, p.posted_info {
font-size: 11px;
color: #777;
}
.post_block .desc {
color: #777;
}
.post_username {
float: left;
min-width: 177px;
font-weight: bold;
}
.post_username span a span {
color: #2f4979!important;
}
.post_username span a span strong {
color: #2f4979!important;
}
.post_block .author vcard a {
  text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
color: #fff;
}
.post_date {
color: #444;
float: left;
font-size: 11px;
font-weight: normal;
}
.pun .post .user {
float: left;
font-size: 12px;
margin-top: 6px;
padding: 10px 30px;
text-align: center;
width: 155px;
margin-left: -208px;
}
.pun .postmain {
background: white;
border: 0;
height: 100%;
margin: 0 0 0 175px;
padding-left: 12px;
padding-right: 10px;
}
.pun .topic {
margin-top: -3px;
border: 1px solid #A5ADD4;
}
.pun .post {
border: 0;
background: #fbfbfb url("http://i59.servimg.com/u/f59/18/91/14/63/transw11.png") repeat;
background: url("http://i59.servimg.com/u/f59/18/91/14/63/transw11.png") repeat, url("http://i59.servimg.com/u/f59/18/91/14/63/transw13.png") repeat;
background-color: #2f4979;
}
.pun .user .user-info {
color: #a4a4a4!important;
cursor: default;
font-size: 11px!important;
text-shadow: rgba(255, 255, 255, 1) 0 1px 0;
}
.postfoot {
    border-top: 0;
    clear: both;
    margin-left: -187px;
    margin-top: 10px;
    overflow: hidden;
    padding: 7px;
}

.user-basic-info a img {
  padding: 1px;
border: 1px solid #a1a1a1;
 border-radius: 2px;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
max-width: 100px;
max-height: 100px;
}
.user-basic-info a img:hover {
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.26);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.26);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.26);
}
div.rangavatar {
margin: 6px 0 1px 0;
}

/**footer*/
.branding_skin {
padding: 12px;
text-align: left;
clear: both;
overflow: hidden;
}
.branding_skin a {
color: #000;
text-decoration: none;
}
.branding_logo {
float: right;
opacity: 0.7;
margin-top: -2px;
}
.branding_logo:hover
{
opacity: 1;
}
#footer_utilities {
padding: 8px;
position: relative;
width: 90%!important;
margin: 0 auto;
}
#footer_utilities, #footer_utilities a {
color: #222;
text-shadow: rgba(255,255,255,0.3) 0px 1px 0px;
}
#footer_utilities, #footer_utilities a {
color: #222;
text-shadow: rgba(255,255,255,0.3) 0px 1px 0px;
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop {
background-color: #2f4979;

margin-top: 0px;
}
#backtotop img {
  margin-top: 4px;
}
#copyright {
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
#footer_utilities .ipsList_inline>li {
margin: 0;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
.dertix {
margin-left: 14px;
}
.main .main-head {
margin-top: 8px;
}
div.t2 > a {
font-size: 12px;
font-weight: bold;
}
.pun .posthead img, .pun table .tdtopics img {
vertical-align: middle;
margin: 0!important;
}

.pun .entry-content {
  line-height: 1.6;
font-size: 12px;
}

.entry-content a:link {
  color: #1B449E;
}

.entry-content a:visited {
  color: #253B6E;
}

.entry-content a:hover {
  color: #E79417;
}
 
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0!important;
padding: .6em 1.3em .3em;
}

/*css options post*/
div.post-options img:hover {
  opacity: 0.8;
}

/*quotes*/
.postmain blockquote {
background-color: #F4F5FC;
border: 1px solid #e3e3e3;
border-radius: 4px;
padding: 10px;
color: #9f9f9f;
margin-bottom: 5px;
margin: 0;
}
.postmain cite, blockquote cite {
margin: -11px -11px 8px;

}
blockquote cite {
background: #E6ECF7 url('http://i59.servimg.com/u/f59/18/91/14/63/highli10.png') repeat-x 0 0;
border: 1px solid #e3e3e3;
border-bottom: 0;
font-size: 12px;
overflow-x: auto;
padding: 8px 10px;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
}

        blockquote img {
          max-width: 80px;
          max-height: 80px;
        }
 
.codebox {
background: #FCFCFC;
border: 1px solid #dde5ed;
font-size: 11px;
line-height: 170%;
overflow: auto;
padding: 5px;
margin-bottom: 5px;
margin: 0;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dt {
border-bottom: 0;
}
.codebox dd {
background-color: transparent;
margin: .5em;
padding: .5em;
}
/****CSS WIDGETS****/

#content-container div#right .module.main {
margin-top: 13px!important;
padding: 10px 4px 0 8px;
}
.module .main-head {
  border-bottom: 1px solid #bfbfbf;
border-bottom: 1px solid rgba(0,0,0,0.15)!important;
border-color: rgba(0,0,0,0.15)!important;
text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
background: #333 url('http://i59.servimg.com/u/f59/18/91/14/63/opacit11.png') repeat;
-webkit-box-shadow: rgba(255,255,255,0.6) 0px 1px 0px inset;
-moz-box-shadow: rgba(255,255,255,0.6) 0px 1px 0px inset;
box-shadow: rgba(255,255,255,0.6) 0px 1px 0px inset;
padding: 8px;
background-color: #2f4979;
color: #2f4979;
font-weight: bold;
border-radius: 0!important;
}
.module .main-head h3 {
  font-size: 11px;
font-weight: bold;
font-family: tahoma,helvetica,arial,sans-serif;
}

.module .main-content {
padding: 1em;
background: #fff;
border: 1px solid #bfbfbf!important;
border-top: 0!important;
margin-bottom: 10px;
-webkit-box-shadow: rgba(0,0,0,0.06) 0px 1px 3px!important;
-moz-box-shadow: rgba(0,0,0,0.06) 0px 1px 3px!important;
box-shadow: rgba(0,0,0,0.06) 0px 1px 3px!important;
}

/*inputs*/
#ucp .frm-set.multi dl input, dd.frm-input input, input.inputbox, input.ltr {
  padding: 6px;
border: 1px solid #d4d4d4;
background: #fcfcfc;
color: #9f9f9f;
text-shadow: #fff 0px 1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
}
#ucp .frm-set.multi dl input:focus, dd.frm-input input:focus, input.inputbox:focus, input.ltr:focus {
  outline: none;
background-color: #fefefe;
color: #555;
border-color: #a0a0a0;
}

/*buttons*/
.pun .frm .frm-buttons input {
font-size: 1em;
line-height: 1.2;
margin-right: 1em;
overflow: visible;
padding: 1px .5em 2px;
vertical-align: middle;
}
input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
background: #353535 url(http://i57.servimg.com/u/f57/18/12/37/46/highli10.png) repeat-x top;
border: 1px solid #2b2b2b;
border-radius: 2px;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
color: #fff;
cursor: pointer;
font-family: helvetica,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 4px 10px!important;
text-shadow: #2b2b2b 0 -1px 0;
}

input[name="preview"] {
background: #646464 url('http://i.imgur.com/5IPGGOW.png') repeat-x 0 0;
border-color: #585858;
color: #fff;
text-shadow: #474747 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
}
/*hovers*/
input[name="preview"]:hover {
background-color: #6f6f6f;
color: #fff;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background-color: #434343;
color: #fff;
background-repeat: repeat-x;
background-position: top;
}
/*active*/
input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {
position: relative;
top: 1px;
}
/*END BUttons*/

/*quitar imágenes y colocar botones en los mensajes privados*/
.pun-privmsg li a {
color: #616161!important;
}
.pun-privmsg li {
  height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ececec url('http://i.imgur.com/sSYoQ0Y.png') repeat-x 0 0;
border: 1px solid #d0d0d0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: #fff 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
.pun-privmsg li:hover {
color: #4c4c4c;
background-color: #f8f8f8;
}
.pun-privmsg li:active {
-webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
position: relative;
top: 1px;
}
#quick_reply .frm-buttons {
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: right;
margin-top: 4px;
}
/*test sceditor*/
.sceditor-container {
background-color: #EFF1F3!important;
background-image: url(http://i.imgur.com/ZxTuSNx.png)!important;
background-position: 0 -1950px!important;
background-repeat: repeat-x!important;
border: 1px solid #E1E3E5!important;
border-radius: 0!important;
padding: 0 5px 0 3px !important;
}
 


/*css index_body xD*/
#pun-about {
background-color: transparent;
border: 0!important;
padding: .6em 1em;
text-align: right;
font-size: 9px;
}
#pun-about #qjump {
float: left;
text-align: left;
display: none;
}

.statround {

display: inline-block;
background: url('http://i59.servimg.com/u/f59/18/91/14/63/transw13.png') repeat;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
  background-color: #2f4979;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
display: inline-block;
margin-left: 20px;
margin-right: 3px;
padding: 2px 6px;
}
.statround a {
  color: white!important;
}
.statistics {
margin: 20px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
border: 1px solid #bfbfbf;
-webkit-box-shadow: rgba(0,0,0,0.06) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.06) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.06) 0px 1px 3px;
}

.border, .statistics, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body {
background: #fff;
}
.statistics .statistics_head:first-of-type {
border-top: 0;
}
.statistics_head {
background-color: #2f4979;
}

.statistics_head, .statistics_head a {
color: #727272;
}

.statistics_head {
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
border-top: 1px solid rgba(0,0,0,0.15);
border-bottom: 1px solid rgba(0,0,0,0.15);
text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
background: #333 url('http://i59.servimg.com/u/f59/18/91/14/63/transw11.png') repeat;
-webkit-box-shadow: rgba(255,255,255,0.6) 0px 1px 0px inset;
-moz-box-shadow: rgba(255,255,255,0.6) 0px 1px 0px inset;
box-shadow: rgba(255,255,255,0.6) 0px 1px 0px inset;
font-size: 11px;
font-weight: bold;
padding: 8px;
margin: -8px -8px 8px -8px;
}
#stat_links a {
margin: 0 5px;
}

.statistics_head, .statistics_head a {
color: #727272;
}
.ipsType_small {
font-size: 11px;
}
#stat_links {
font-weight: normal;
}
#pun-visit, .main-box {
background-color: transparent;
border: 0!important;
margin: 0 0 1em;
padding: .6em 1em;
font-size: 10px;
display: none;
}
/*tabs*/
#tabs ul li.activetab a {
background-color: #fff;
color: #353535!important;
font-weight: bold;
border: 1px solid #dcdcdc!important;
}
#tabs ul li a {
float: left;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
background-color: #f8f8f8!important;
color: #808080;
border: 1px solid #dcdcdc;
font-size: 12px;
margin-bottom: -8px;
}
#tabs ul li a:hover {
  background-color: #f2f2f2!important;
color: #808080;
}
#tabs ul li.activetab a {
background-color: #fff;
color: #353535!important;
font-weight: bold;
border: 1px solid #dcdcdc!important;
  text-decoration: none!important;
}

/*rang*/
span.admin, span.miembro, span.activo {
background: rgba(19, 177, 171, 1);
border: 1px solid rgba(15, 121, 117, 1);
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
color: #FFF!important;
display: inline-block;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size: 11px;
font-weight: 100!Important;
line-height: 1;
padding: 6px 10px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}
span.miembro {
background: #E2E4E1;
border: 1px solid #B3B3B3;
border-radius: 3px 3px 3px 3px;
text-shadow: 0 -1px 0 #F3F3F3;
color: #8C8C8C!important;
}
#content-container div#right .module.main {
    margin-top: 13px !important;
    padding: 10px 4px 0px 8px;
}
.lastpost{
  moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #DEE7F7;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #8397B3;
    margin: 4px 10px 4px;
    display:block;
  padding:3px;
}

.mini_ava {
      float: left;
    }
    .mini_ava img {
      width: 20px;
      height: 20px;
      border-radius: 2px;
 margin:5px 5px 5px 15px;
      transition: all 2s;
      -moz-transition: all 2s;
      -webkit-transition: all 2s;
      -o-transition: all 2s;
    }

 
.pun .entry-content {
    font-size: 14px;}
 
a[href="/g2-moderatori"] {
    background: url("http://i42.tinypic.com/11vpgll.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;}
 
 a[href="/g146-admin-founder"] {
    background: url("http://i43.tinypic.com/2dj5lx0.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
a[href="/g1-amministratori"] {
    background: url("http://i42.tinypic.com/11vpgll.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
a[href="/g2-viandanti-moderanti"] {
    background: url("http://i39.tinypic.com/140hnxv.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
a[href="/g123-10cerchio-i-traditori-della-netiquette"] {
    background: url("http://i57.servimg.com/u/f57/18/71/18/06/1aneti10.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
a[href="/g20-al-di-la-dello-specchio-di-cristallo"] {
    background: url("http://i57.servimg.com/u/f57/18/71/18/06/1aphot10.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
a[href="/g59-ombre-sull-acqua"] {
    background: url("http://i57.servimg.com/u/f57/18/71/18/06/1u10.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
a[href="/g55-gruppo-redattori-corriere-della-pera"] {
    background: url("http://i57.servimg.com/u/f57/18/71/18/06/1dlett10.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
a[href="/g65-cinepatici-della-valle"] {
    background: url("http://i57.servimg.com/u/f57/18/71/18/06/1bcine10.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
a[href="/g56-cultori-della-valle"] {
    background: url("http://i57.servimg.com/u/f57/18/71/18/06/1buser10.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
a[href="/g149-creativi-della-valle"] {
    background: url("http://i55.servimg.com/u/f55/16/68/87/84/gruppo10.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
#content-container div#container {
    float: left;
    margin-right: -196px;
    width: 100%;
}
.titlebox {
    background: none repeat scroll 0% 0% #EFEFEF;
    border: 1px solid #D6D6D6;
    border-radius: 3px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1) inset;
    overflow: hidden;
    padding: 10px;
    text-shadow: 0px 1px 0px #FFF;
}
.titlebox dava a img {
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #D5D5D5;
  border-radius: 4px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    float: left;
    height: 50px !important;
    padding: 1px;
    width: 50px !important;
}
 

 
 
.titlebox dd{display:block}
.titlebox dava{float:left}

.titlebox dava a img:hover{
    -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    border-color:#A1A1A1;
    box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
.ipsType_pagetitle a{
z-index:999;
}
.desc.lighter.blend_links{
color:#a4a4a4;
}
.desc.lighter,.desc.lighter.blend_links a{
color:#A4A4A4;
}
.desc,.desc.blend_links a,p.posted_info{
color:#777;
font-size:12px;
}
.conect{
display:inline-block;
padding-left:5px;
}
div.avatarredet {
padding-right: 5px;
}
div.pun-crumbs.noprint p.crumbs {
font-size: 11px;
margin: -5px;
}
#profile-advanced-layout #tabs {
position: relative !important;
}
.pun .user .user-info {
color: #5A5A5A !important;
}

.pun .user-ident .username {
    display: block;
    font-size: 10px;
    font-weight: 200;
    position: absolute;
    text-decoration: none;
    top: -4px;
  right:90px;
 
}
#fa_search{
display: none !important;
}



    .sceditor-fontsize-picker {
      overflow-y:auto;
      overflow-x:hidden;
      height:200px;
    }


  .sceditor-font-picker {
      height:250px !important;;
      width:150px !important;;
      overflow-y:auto;
      overflow-x:hidden;
    }
 .post .quoteLink{display:inline-block;height:10px;width:12px;background:url(http://i83.servimg.com/u/f83/16/58/89/73/viewpo10.png) no-repeat transparent;margin-left:3px}

ipsAd {
    display: none;
}
   
 




 

 
    #fa_right .toolbar_list_name, #fa_right .toolbar_name {
    display: inline-block;
    line-height: 30px;
    background: url(http://i38.servimg.com/u/f38/18/91/14/63/1home12.png) no-repeat;
    padding: 2px 6px;
    background-position: center;
    color: transparent;
    }
    #fa_right .toolbar_list_name.active {
        color: #;
        border-left: 0px solid #000;
        border-right: 0px soli #000;
    }
    #fa_right .toolbar_list {
        display: none;
        position: absolute;
        list-style-type: none;
        margin: 0px;
        padding: 0px 10px;
        background-color: #FFFFFF;
        min-width: 200px;
        width: auto;
        border: 1px solid #333333;
        line-height: 30px;
        border-top: 0px solid #FFFFFF;
        z-index: 999;
        color: #000000 !important;
    }
    #fa_right .toolbar_list :link, #fa_right .toolbar_list :visited {
        color: #00569C !important;
    }
    *chatbox*/
    #chatbox, #chatbox_footer, #chatbox_members {
    background: white;
    border-top: 1px solid #EAEAEA; 
    }

    #chatbox_header.main-head {
    background: #2C5687 url(http://i59.servimg.com/u/f59/18/91/14/63/mainti11.png) repeat-x top;
    padding: 2px;
    font-weight: 300;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: inset 0px 1px 0 #528CBC;
    -moz-box-shadow: inset 0px 1px 0 #528cbc;
    box-shadow: inset 0px 1px 0 #528CBC;
    border-width: 1px 1px 0 1px;
    border-color: #316897;
    border-style: solid;
    }

    .chatbox-title, .chatbox-title a.chat-title {
      color: white;
    font-size: 15px;
    font-weight: bold;
    }

    .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: white;
    }

    #chatbox_members .member-title {
    background: #F8E7DD;
    background-color: #F4F9FD;
    background-image: none;
    border-bottom: 2px solid red;
    color: #A30000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: .5em .25em;
    text-align: center;
    text-shadow: 1px 0 0 white;
    }

    #chatbox_members {
    display: none;
    }

    div.main-content.chatbox.clearfix {
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    }
    #chatbox p {
    border-bottom: 1px solid #DDD;
    border-top: 1px solid white;
    line-height: 1.2em;
    word-wrap: break-word !important;
    }
    #chatbox_footer {
      width: 290px;
      min-width: 230px;
      background: #FCFCFC;
      float: right;
      clear:both;
      position: relative;
      border-top: 1px solid gainsboro;;
    }
    .right {
    clear: both;
    float: right;
    }
    input#message.post {
    height: 45px;
    width: 240px;
    padding: 6px;
    border: 1px solid #D4D4D4;
    background: #FCFCFC;
    color: black;
    text-shadow: white 0px 1px 0px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
    margin: 20px;
    margin-bottom: 0px;
    }
    #message, #submit_button {
      background: #323232 url('http://i59.servimg.com/u/f59/18/91/14/63/highli10.png') repeat-x 0 0;
    border-color: #2B2B2B;
    color: white;
    text-shadow: #2B2B2B 0px -1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
    -moz-border-radius: 2px;
    padding: 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    margin: 10px;
    margin-top: 0px;
    margin-left: 20px;
    }
    #message, #submit_button:hover {
      opacity: 0.9;
    }
    .fontbutton {
    cursor: pointer;
    float: left;
    margin: 3px;
    padding: 3px;
    margin-right: 10px;
    text-align: left;
    background: #E2E9F0;
    border-color: #DAE2EA;
    color: #464646;
    -moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 0 0 #EFF3F8, 0px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 0 #EFF3F8, 0px 2px 3px rgba(0, 0, 0, 0.2);
    }
    .fontbutton:hover {
      opacity: 0.9;
    }
    #chatbox_messenger_form {
    margin: 37px 0 0;
    }
    #divsmilies img + img{visibility:visible!important}
    #chatbox_messenger_form div.right img{
    visibility:hidden
    }
    #simple-wrap {
      background:white;
    }
    #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
    background-position: center;
    background-repeat: no-repeat;
    }
    #divbold {
    background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
    }
    #divitalic {
    background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
    }
    #divunderline {
    background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
    }
    #divstrike {
    background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
    }
    #divcolor {
    background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);
    }
    #divsmilies {
    background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
    }
    #chatbox{
    background: #FBFBFB;
    padding: 8px;
    border: 1px solid #DBE4EF;
    border-bottom: 3px solid #DBE2EC;
    margin-top: 5px;
    left:0;
    width: 800px;

    }
    .attach {
    float: right;
    }
    div.main-content.chatbox.clearfix {
    border: 0px;
    border-radius: 4px;
    padding: 0px;
    }

   


la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by _Twisted_Mods_ on February 12th 2015, 7:37 pm

i do not see anything in your css and i cannot get the accounts you sent me to login.
so maybe someone else can assist you this.

also in future i would not send your founder account to anyone always make a new account and add that account to the admin group if they need admin access

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by la valle dell'eco on February 13th 2015, 4:52 pm

You're right. But you are in the staff of the support forum, so I felt safe. Also that forum I use it just only to test graphics that then I install on the forum that I administer (La valle dell'eco forum). Thanks for trying to help me.

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by _Twisted_Mods_ on February 13th 2015, 11:17 pm

your welcome ... still not sure why it would not let me login im still confused by that

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Insert new Pm Icon ( Punbb)

Post by la valle dell'eco on February 16th 2015, 2:49 pm

so do i scratch

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

View previous topic View next topic Back to top


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