Un nou aspect pentru afisarea numarului de subiecte si mesaje pe phpbb3

by **Sfinx** Fri Dec 07, 2012 9:06 am

CSS:

Code:: .header .posts { display: none;} .header .topics { display: none;} .header .lastpost { display: none;} .forabg .header dd.posts, .forabg .row dd.posts {display: none;} .header .table-title h2:after { margin-right: -120px; float: right; content: 'Statistici';} dd.topics { border-left: 0px solid #000 !important; width: 12%; margin-right: 15px; float:right;} .lastpost {border-left: 0px solid #000 !important;} #topic_div { background: #f3f3f3; border: 1px solid #ddd; border-radius: 5px 5px 5px 5px; position: relative; height: 25px; font-family: Trebuchet MS,Tahoma; font-weight: bold; font-size: 12px;} #post_div { background: #f3f3f3; border: 1px solid #ddd; margin-top: 2px !important; border: 1px solid #D7D7D7; border-radius: 5px 5px 5px 5px; position: relative; height: 25px; margin-top: 10px; font-family: Trebuchet MS,Tahoma; font-weight: bold; font-size: 12px;} #post_no, #topic_no { text-align: left !important; margin-left: 5px;} #topic_name, #post_name { float: right; padding-right: 3px; margin-top: -27px;}

jQuery:

Code:: $(function(){ $('.topiclist .header .topics').text(''); $('.forums .row .topics').each(function(){var topicsNo=$(this).text().split(" ")[0];var postsNo=$(this).next('.posts').text().split(" ")[0];$(this).html(' <div id="topic_div"><div id="topic_no">'+topicsNo+'</div> <div id="topic_name">Subiecte</div></div> <div id="post_div"><div id="post_no">'+postsNo+'</div> <div id="post_name">Mesaje</div></div> ')})});

Cod creeat pentru Top-Artz ~ Omu