Jump to content

Cum adaug un widget custom in sidebar pentru TeamSpeak?


SnOpY

Recommended Posts

salut doresc si eu sa imi adaug asa cv pe forum daca ma aputeti ajuta

Spoiler

<!-- TEAMSPEAK WIDGET START -->
<div class="badcore-tswidget">
   <div><div>
 <a href="ts3server://ts.badcore.ro">
      Establish connection
   </a>
    </div></div>
</div>
<!-- TEAMSPEAK WIDGET END -->
<!-- TEAMSPEAK WIDGET START -->
<div class="badcore-recomanda">
   <div><div>
 <a href="http://lux-host.biz">
      Visit Site!
   </a>
    </div></div>
</div>
<!-- TEAMSPEAK WIDGET END -->

 

cam asa ma intereseaza:

Spoiler

<if test="$this->settings['hoverDescriptions']='no'"></if>
<if test="$this->settings['removeStatsColumn']='no'"></if>
<if test="$this->settings['customForumIcons']='no'"></if>
<!-- -->
{parse js_module="board"}
{parse variable="sidebar_enabled" default="$show_side_blocks"}
<if test="boardIndexTop:|:true"></if>
<div id='board_index' class='ipsLayout <if test="sideBarEnabledL:|:$this->templateVars['sidebar_enabled']">ipsLayout_withright</if> ipsLayout_largeright clearfix <if test="sidebarclosed:|:IPSCookie::get('hide_sidebar') == '1'">no_sidebar</if>'>	
	<div id='categories' class='ipsLayout_content clearfix'>
	<!-- CATS AND FORUMS -->
		<if test="cats_forums:|:is_array( $cat_data ) AND count( $cat_data )">
			<foreach loop="categories:$cat_data as $_data">
				<if test="cat_has_forums:|:is_array( $_data['forum_data'] ) AND count( $_data['forum_data'] )">
					<div id='category_{$_data['cat_data']['id']}' class='category_block block_wrap'>
						{parse replacement="header_start"}<h3 class='maintitle'>
							<a class='toggle right' href='#' title="{parse expression="sprintf( $this->lang->words['toggle_cat'], IPSText::striptags( IPSText::htmlspecialchars($_data['cat_data']['name'] ) ) )"}">{parse expression="sprintf( $this->lang->words['toggle_cat'], $_data['cat_data']['name'] )"}</a> <a href="{parse url="showforum={$_data['cat_data']['id']}" seotitle="{$_data['cat_data']['name_seo']}" template="showforum" base="public"}" title='{parse expression="sprintf( $this->lang->words['view_cat'], IPSText::striptags( IPSText::htmlspecialchars($_data['cat_data']['name'] ) ) )"}'>{$_data['cat_data']['name']}</a>
						</h3>{parse replacement="header_end"}
						<div class='ipsBox table_wrap removeDefault'>
							<div class='ipsBox_container'>
								<table class='ipb_table' summary="{$this->lang->words['forums_in_cat']} '{$_data['cat_data']['name']}'">
									<tr class='header hide'>
										<th scope='col' class='col_c_icon'>&nbsp;</th>
										<th scope='col' class='col_c_forum'>{$this->lang->words['cat_name']}</th>
										<if test="$this->settings['removeStatsColumn']=='no'"><th scope='col' class='col_c_stats stats'>{$this->lang->words['stats']}</th></if>
										<if test="canSeeLastInfoHeader:|:$this->memberData['gbw_view_last_info']"><th scope='col' class='col_c_post'>{$this->lang->words['last_post_info']}</th></if>
									</tr>
									<!-- / CAT HEADER -->
									<foreach loop="forums:$_data['forum_data'] as $forum_id => $forum_data">
										<if test="forumRedirect:|:$forum_data['redirect_on']">
											<tr class='redirect_forum' id='f_{$forum_data['id']}'>
												<td class='col_c_icon'>
													<if test="$this->settings['customForumIcons']=='yes'">
														<php>
															$imageURL = "{$this->settings['img_url']}";
															$imageFolder = basename($imageURL);
															$forumId = $forum_data['id'];
														</php>
														<if test="is_file( DOC_IPS_ROOT_PATH . '/' . PUBLIC_DIRECTORY . '/style_images/' . $imageFolder . '/forum_images/' . $forumId . '.png' )">
															<img src="{style_images_url}/forum_images/{$forum_data['id']}.png" alt="" />
														<else />
															<img src="{style_images_url}/forum_images/default.png" alt="" />
														</if>														
													<else />
														<div class='icon_awesome_forum_necitit'><i class="fa fa-external-link"></i></div>
													</if>
												</td>
												<td <if test="$this->settings['removeStatsColumn']=='no'"><if test="canSeeLastInfoRedirect:|:$this->memberData['gbw_view_last_info']">colspan='2'</if></if> class='col_c_forum'>
													<h4 class='forum_name'><strong class='highlight_unread'><a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{parse expression="IPSText::striptags( IPSText::htmlspecialchars( $forum_data['name'] ) )"}'>{$forum_data['name']}</a></strong></h4>
													<if test="$forum_data['description']"><if test="$this->settings['hoverDescriptions']=='yes'"><span class='forum_desc_pos'><span class='forum_desc_con'><span class='forum_description'>{$forum_data['description']}</span></span></span><else /><p class='desc forum_desc'>{$forum_data['description']}</p></if></if>
												</td>
												<td class='desc'>
													<ul class='last_post ipsType_small'>
                                                        							<li class='desc lighter'><em>{parse format_number="$forum_data['redirect_hits']"} {$this->lang->words['rd_hits']}</em></li>
                                                    							</ul>
												</td>
											</tr>
										<else />
											<tr class='<if test="hasUnreadClass:|:$forum_data['_has_unread']">unread<else />notnew</if>'>
												<td class='col_c_icon'>
													<if test="hasUnread:|:$forum_data['_has_unread']">
														<a id='forum_img_{$forum_data['id']}' href="{parse url="app=forums&amp;module=forums&amp;section=markasread&amp;marktype=forum&amp;forumid={$forum_data['id']}&amp;returntoforumid={$this->request['f']}&amp;i=1" base="public"}" data-tooltip="{$this->lang->words['bi_markread']}" class='forum_marker'>													
														<if test="$this->settings['customForumIcons']=='yes'">
															<php>
																$imageURL = "{$this->settings['img_url']}";
																$imageFolder = basename($imageURL);
																$forumId = $forum_data['id'];
															</php>
<if test="is_file( DOC_IPS_ROOT_PATH . '/' . PUBLIC_DIRECTORY . '/style_images/' . $imageFolder . '/forum_images/' . $forumId . '.png' )">
																<img src="{style_images_url}/forum_images/{$forum_data['id']}.png" alt="" />
															<else />
																<img src="{style_images_url}/forum_images/default.png" alt="" />
															</if>	
														<else />
																	<php>
$icon = 'fa fa-comments';
switch( $forum_data['id'] )
{
case 323: $icon = 'fa fa-pie-chart'; break;
case 2: $icon = 'fa fa-coffee'; break;
case 4: $icon = 'fa fa-server'; break;
case 3: $icon = 'fa fa-street-view'; break;
case 5: $icon ='fa fa-hdd-o'; break;
case 25: $icon = 'fa fa-bullhorn'; break;
case 291: $icon = 'fa fa-car'; break;
case 220: $icon = 'fa fa-steam'; break;
case 52: $icon = 'fa fa-steam'; break;
case 54: $icon = 'fa fa-newspaper-o'; break;
case 277: $icon = 'fa fa-tags'; break;
case 278: $icon = 'fa fa-globe'; break;
case 9: $icon = 'fa fa-paint-brush'; break;
case 143: $icon = 'fa fa-space-shuttle'; break;
case 53: $icon = 'fa fa-users '; break;
case 20: $icon = 'fa fa-line-chart'; break;
case 60: $icon = 'fa fa-line-chart'; break;
case 63: $icon = 'fa fa-gamepad'; break;
case 62: $icon = 'fa fa-gamepad'; break;
case 64: $icon = 'fa fa-gamepad'; break;
case 65: $icon = 'fa fa-gamepad'; break;
case 66: $icon = 'fa fa-gamepad'; break;
case 286: $icon = 'fa fa-hand-peace-o'; break;
case 69: $icon = 'fa fa-toggle-on'; break;
case 70: $icon = 'fa fa-arrow-right'; break;
case 71: $icon = 'fa fa-desktop'; break;
case 72: $icon = 'fa fa-credit-card'; break;
case 22: $icon = 'fa fa-trash'; break;
// etc
default: break;
}
</php>
<div class='icon_awesome_forum_necitit'><i class="{$icon}"></i></div>
														</if>
														</a>
													<else />
														<if test="$this->settings['customForumIcons']=='yes'">
															<php>
																$imageURL = "{$this->settings['img_url']}";
																$imageFolder = basename($imageURL);
																$forumId = $forum_data['id'];
															</php>
															<if test="is_file( DOC_IPS_ROOT_PATH . '/' . PUBLIC_DIRECTORY . '/style_images/' . $imageFolder . '/forum_images/' . $forumId . '.png' )">
																<img src="{style_images_url}/forum_images/{$forum_data['id']}.png" alt="" <if test="$this->memberData['member_id']">class='fadedForumIcon'</if> />
															<else />
																<img src="{style_images_url}/forum_images/default.png" alt="" <if test="$this->memberData['member_id']">class='fadedForumIcon'</if> />
															</if>
														<else />
															<div class='icon_awesome_forum_citit'><i class="{$icon}"></i></div>
														</if>
													</if>
												</td>
												<td class='col_c_forum'>
													
													<h4 class='forum_name'>
														<if test="hasQueuedAndCanSeeIcon:|:!empty($forum_data['_has_queued_and_can_see_icon'])">
															<a href='{parse url="showforum={$forum_data['id']}&amp;modfilter=unapproved" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}' title='{$this->lang->words['view_unapproved']}' class='ipsBadge ipsBadge_orange' data-tooltip="{parse expression="sprintf( $this->lang->words['f_queued'], $forum_data['queued_topics'], $forum_data['queued_posts'])"}" style='vertical-align: top'>{$this->lang->words['f_queued_badge']}</a>
														</if>
														<strong class='highlight_unread'><a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{parse expression="IPSText::striptags( IPSText::htmlspecialchars( $forum_data['name'] ) )"}'>{$forum_data['name']}</a></strong> <if test="$this->settings['customForumIcons']=='yes'"><if test="$forum_data['_has_unread']"><span class='ipsBadge ipsBadge_orange' style='vertical-align: top; margin-left: 5px;'>NEW</span></if></if>
													</h4>

													<if test="$forum_data['description']"><if test="$this->settings['hoverDescriptions']=='yes'"><span class='forum_desc_pos'><span class='forum_desc_con'><span class='forum_description'>{$forum_data['description']}</span></span></span><else /><p class='desc forum_desc'>{$forum_data['description']}</p></if></if>
<if test="$this->settings['removeStatsColumn']=='yes'"><div class='forum_stats'><span>{$this->lang->words['topics']}:</span> {$forum_data['topics']}  &nbsp; <span>{$this->lang->words['replies']}:</span> {$forum_data['posts']}</div></if>	

													<if test="showSubForums:|:$forum_data['show_subforums'] AND count( $forum_data['subforums'] ) AND $forum_data['show_subforums']">
														<ol class='ipsList_inline ipsType_small subforums2' id='subforums_{$forum_data['id']}'><foreach loop="subforums:$forum_data['subforums'] as $__id => $__data"></ol> <ol class='ipsList_inline ipsType_small subforums3' id='subforums_{$forum_data['id']}'><if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if></foreach></ol> <ol class='ipsList_inline ipsType_small subforums' id='subforums_{$forum_data['id']}'><foreach loop="subforums:$forum_data['subforums'] as $__id => $__data"></ol> <ol class='ipsList_inline ipsType_small subforums1' id='subforums_{$forum_data['id']}'><if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if><a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'>{$__data[1]}</a></li></foreach></ol>
													</if>
																					
												</td>
												<if test="$this->settings['removeStatsColumn']=='no'">
<!--
<td class='col_c_stats ipsType_small'>
													<ul>
														<li>{$forum_data['topics']} {$this->lang->words['topics']}</li>
														<li>{$forum_data['posts']} {$this->lang->words['replies']}</li>
													</ul>
												</td></if>
--!>
<php>
$total_topics_posts = $days = ereg_replace("[^0-9]", "", $forum_data['topics']) + $days = ereg_replace("[^0-9]", "", $forum_data['posts']);

/*$total_topics_posts = number_format($total_topics_posts, null, '.', '.');*/
</php>

<td style='width: 10%;'><span class='nstatsNumber'>
{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $total_topics_posts ) )"} 

</span><span class='nstatsText'>posts</span></td>
                                                <if test="canSeeLastInfo:|:$this->memberData['gbw_view_last_info']">
												<td class='col_c_post'>
													<if test="hideLastInfo:|:$forum_data['hide_last_info']">
														<ul class='last_post'>
															<li class='desc lighter'><em>{$this->lang->words['f_protected']}</em></li>
														</ul>
													<else />
<if test="hideTopicInTitle:|:$forum_data['_hide_last_date']">
                                                        {parse template="userSmallPhoto" group="global" params="array('member_id' => $forum_data['last_poster_id'], 'members_seo_name' => $forum_data['seo_last_name'], 'pp_small_photo' => $forum_data['pp_small_photo'], 'alt' => '' )"}
                                                        <else />
														{parse template="userSmallPhoto" group="global" params="array('member_id' => $forum_data['last_poster_id'], 'members_seo_name' => $forum_data['seo_last_name'], 'pp_small_photo' => $forum_data['pp_small_photo'], 'alt' => sprintf( $this->lang->words['bindex_userphoto_alt'], $forum_data['last_title'], $forum_data['members_display_name'] ) )"}
</if>
														<ul class='last_post ipsType_small'>
															<if test="!$forum_data['last_id']">
																<li class='desc lighter'><em>{$this->lang->words['f_none']}</em></li>
															<else />
																<li>
																	<span class='highlight_unread'>{$forum_data['last_topic_title']}</span>
																</li>
                                                                <li>
                                                                    <span class='desc lighter blend_links'>
                                                                    <if test="hideDateUrl:|:$forum_data['_hide_last_date']">
                                                                        {parse date="$forum_data['last_post']" format="DATE"}
                                                                    <else />
                                                                        <a href='{parse url="showtopic={$forum_data['last_id']}&amp;view=getlastpost" base="public" template="showtopic" seotitle="{$forum_data['seo_last_title']}"}' title='{$this->lang->words['view_last_post']}'>{parse date="$forum_data['last_post']" format="DATE"}</a>
                                                                    </if></span>
                                                                    <if test="lastPosterID:|:$forum_data['last_poster_id']">
                                                                        {$this->lang->words['by']} {parse template="userHoverCard" group="global" params="$forum_data"}
                                                                    </if>
                                                                </li>
															</if>
															
														</ul>
													</if>
												</td></if>
											</tr>
										</if>

									</foreach>
								</table>
							</div>
						</div>{parse replacement="box_end"}
						<br />
					</div>
</if>
			</foreach>
		</if>
	</div>
	<if test="sideBarEnabled2:|:$this->templateVars['sidebar_enabled']">
		<div id='index_stats' class='ipsLayout_right clearfix' <if test="sidebarclosed2:|:IPSCookie::get('hide_sidebar') == '1'">style='display: none'</if>>
			<foreach loop="side_blocks:$side_blocks as $block">
				{$block}
			</foreach>
		</div>
		<a href='#' id='toggle_sidebar' title='{$this->lang->words['toggle_sidebar']}' data-closed="{$this->lang->words['_laquo']}" data-open="&times;">&nbsp;</a>
	</if>
</div>
<script type='text/javascript'>
//<![CDATA[
	var markerURL  = ipb.vars['base_url'] + "app=forums&module=ajax&section=markasread&i=1"; // Ajax URL so don't use &amp;
	var unreadIcon = "<img src='{$this->settings['img_url']}/f_icon_read.png' />";
	
	<if test="markercatforums:|:is_array( $cat_data ) AND count( $cat_data )">
		<foreach loop="markercategories:$cat_data as $_data">
			<if test="markerhasforums:|:is_array( $_data['forum_data'] ) AND count( $_data['forum_data'] )">
				<foreach loop="markerforums:$_data['forum_data'] as $forum_id => $forum_data">
					<if test="markernotredirect:|:!$forum_data['redirect_on']">
						<if test="markerhasunread:|:$forum_data['_has_unread']">
	ipb.global.registerMarker( "forum_img_{$forum_data['id']}", "{$forum_data['img_new_post']}", markerURL + "&forumid={$forum_data['id']}" );
						</if>
					</if>

				</foreach>
			</if>

		</foreach>
	</if>
//]]>
</script>
<if test="showTotals:|:$this->settings['show_totals']">
	<div id='board_stats'>		
		<ul class='ipsType_small ipsList_inline'>
			<li class='clear'>
				<span class='value'>{$stats['info']['total_posts']}</span>
				{$this->lang->words['total_posts']}
			</li>
			<li class='clear'>
				<span class='value'>{$stats['info']['mem_count']}</span>
				{$this->lang->words['total_members']}
			</li>
			<li class='clear'>
				{IPSMember::makeProfileLink( $stats['info']['last_mem_name'], $stats['info']['last_mem_id'], $stats['info']['last_mem_seo'], 'value' )}
				{$this->lang->words['newest_member']}
			</li>
			<li class='clear' data-tooltip="{$stats['info']['most_time']}">
				<span class='value'>{$stats['info']['most_online']}</span>
				{$this->lang->words['online_at_once']}
			</li>
		</ul>
	</div>
</if>
<div id='board_statistics' class='statistics clearfix'>
	<h4 class='statistics_head clearfix'><ul id='stat_links' class='ipsList_inline right ipsType_small'>
		<if test="statsLinks:|:1==1"> <!-- Hook point -->
			<li><a href="{parse url="app=forums&amp;module=extras&amp;section=stats&amp;do=leaders" base="public"}" title="{$this->lang->words['sm_forum_leaders_title']}">{$this->lang->words['sm_forum_leaders']}</a></li>
			<li><a href="{parse url="app=forums&amp;module=extras&amp;section=stats" base="public"}" title="{$this->lang->words['sm_all_posters_title']}">{$this->lang->words['sm_today_posters']}</a></li>
			<li><a href="{parse url="app=members&amp;module=list&amp;max_results=20&amp;sort_key=posts&amp;sort_order=desc&amp;filter=ALL" base="public" seotitle="false"}" title="{$this->lang->words['sm_overall_posters_title']}">{$this->lang->words['sm_overall_posters']}</a></li>
            <if test="reputationEnabled:|:$this->settings['reputation_enabled']">
                <li>
                    <a href="{parse url="app=members&amp;module=reputation&amp;section=most" base="public" template="most_liked" seotitle="most_liked"}">
                        <if test="reputationType:|:$this->settings['reputation_point_types'] == 'like'">
                            {$this->lang->words['most_rep_likes']}
                        <else />
                            {$this->lang->words['most_rep_rep']}
                        </if>
                    </a>
                </li>
            </if>
		</if>
	</ul>
<if test="showActive:|:$this->settings['show_active'] && $this->memberData['gbw_view_online_lists']">{parse expression="sprintf( $this->lang->words['online_right_now'], $stats['TOTAL'] )"} {$this->lang->words['active_users']}</if></h4>
	<if test="$this->settings['show_active']"><p class='statistics_brief desc'>
		{parse expression="sprintf( $this->lang->words['active_users_detail'], $stats['MEMBERS'], $stats['GUESTS'], $stats['ANON'] )"}
		<if test="onlineListEnabled:|:$this->settings['allow_online_list']">&nbsp;&nbsp;<a href='{parse url="app=members&amp;module=online&amp;sort_order=desc" base="public"}'>({$this->lang->words['online_link']})</a> </if>
	</p></if>
	
	<if test="activeNames:|:count($stats['NAMES']) && $this->settings['show_active']">
		<br />
		<p>
			<span class='name'>{parse expression="implode( ",</span> <span class='name'>", $stats['NAMES'] )"}</span>					
		</p>
	</if>
</div>

 

in boardindexTemplate am observant ca este scriptu acesa este boardindextemplate de la mine din tema daca se poate sa ma ajutati si pe mine cu adaugare scriptului sa apara ca acolo schimb eu link dupa.

Multumesc anticipat !!!

Edited by gadeas
Adaugate spoilere
Link to comment
Share on other sites

Spoiler

<if test="$this->settings['hoverDescriptions']='no'"></if>
<if test="$this->settings['removeStatsColumn']='no'"></if>
<if test="$this->settings['customForumIcons']='no'"></if>
<!-- -->
{parse js_module="board"}
{parse variable="sidebar_enabled" default="$show_side_blocks"}
<if test="boardIndexTop:|:true"></if>
<div id='board_index' class='ipsLayout <if test="sideBarEnabledL:|:$this->templateVars['sidebar_enabled']">ipsLayout_withright</if> ipsLayout_largeright clearfix <if test="sidebarclosed:|:IPSCookie::get('hide_sidebar') == '1'">no_sidebar</if>'>    
    <div id='categories' class='ipsLayout_content clearfix'>
    <!-- CATS AND FORUMS -->
        <if test="cats_forums:|:is_array( $cat_data ) AND count( $cat_data )">
            <foreach loop="categories:$cat_data as $_data">
                <if test="cat_has_forums:|:is_array( $_data['forum_data'] ) AND count( $_data['forum_data'] )">
                    <div id='category_{$_data['cat_data']['id']}' class='category_block block_wrap'>
                        {parse replacement="header_start"}<h3 class='maintitle'>
                            <a class='toggle right' href='#' title="{parse expression="sprintf( $this->lang->words['toggle_cat'], IPSText::striptags( IPSText::htmlspecialchars($_data['cat_data']['name'] ) ) )"}">{parse expression="sprintf( $this->lang->words['toggle_cat'], $_data['cat_data']['name'] )"}</a> <a href="{parse url="showforum={$_data['cat_data']['id']}" seotitle="{$_data['cat_data']['name_seo']}" template="showforum" base="public"}" title='{parse expression="sprintf( $this->lang->words['view_cat'], IPSText::striptags( IPSText::htmlspecialchars($_data['cat_data']['name'] ) ) )"}'>{$_data['cat_data']['name']}</a>
                        </h3>{parse replacement="header_end"}
                        <div class='ipsBox table_wrap removeDefault'>
                            <div class='ipsBox_container'>
                                <table class='ipb_table' summary="{$this->lang->words['forums_in_cat']} '{$_data['cat_data']['name']}'">
                                    <tr class='header hide'>
                                        <th scope='col' class='col_c_icon'>&nbsp;</th>
                                        <th scope='col' class='col_c_forum'>{$this->lang->words['cat_name']}</th>
                                        <if test="$this->settings['removeStatsColumn']=='no'"><th scope='col' class='col_c_stats stats'>{$this->lang->words['stats']}</th></if>
                                        <if test="canSeeLastInfoHeader:|:$this->memberData['gbw_view_last_info']"><th scope='col' class='col_c_post'>{$this->lang->words['last_post_info']}</th></if>
                                    </tr>
                                    <!-- / CAT HEADER -->
                                    <foreach loop="forums:$_data['forum_data'] as $forum_id => $forum_data">
                                        <if test="forumRedirect:|:$forum_data['redirect_on']">
                                            <tr class='redirect_forum' id='f_{$forum_data['id']}'>
                                                <td class='col_c_icon'>
                                                    <if test="$this->settings['customForumIcons']=='yes'">
                                                        <php>
                                                            $imageURL = "{$this->settings['img_url']}";
                                                            $imageFolder = basename($imageURL);
                                                            $forumId = $forum_data['id'];
                                                        </php>
                                                        <if test="is_file( DOC_IPS_ROOT_PATH . '/' . PUBLIC_DIRECTORY . '/style_images/' . $imageFolder . '/forum_images/' . $forumId . '.png' )">
                                                            <img src="{style_images_url}/forum_images/{$forum_data['id']}.png" alt="" />
                                                        <else />
                                                            <img src="{style_images_url}/forum_images/default.png" alt="" />
                                                        </if>                                                        
                                                    <else />
                                                        <div class='icon_awesome_forum_necitit'><i class="fa fa-external-link"></i></div>
                                                    </if>
                                                </td>
                                                <td <if test="$this->settings['removeStatsColumn']=='no'"><if test="canSeeLastInfoRedirect:|:$this->memberData['gbw_view_last_info']">colspan='2'</if></if> class='col_c_forum'>
                                                    <h4 class='forum_name'><strong class='highlight_unread'><a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{parse expression="IPSText::striptags( IPSText::htmlspecialchars( $forum_data['name'] ) )"}'>{$forum_data['name']}</a></strong></h4>
                                                    <if test="$forum_data['description']"><if test="$this->settings['hoverDescriptions']=='yes'"><span class='forum_desc_pos'><span class='forum_desc_con'><span class='forum_description'>{$forum_data['description']}</span></span></span><else /><p class='desc forum_desc'>{$forum_data['description']}</p></if></if>
                                                </td>
                                                <td class='desc'>
                                                    <ul class='last_post ipsType_small'>
                                                                                    <li class='desc lighter'><em>{parse format_number="$forum_data['redirect_hits']"} {$this->lang->words['rd_hits']}</em></li>
                                                                                </ul>
                                                </td>
                                            </tr>
                                        <else />
                                            <tr class='<if test="hasUnreadClass:|:$forum_data['_has_unread']">unread<else />notnew</if>'>
                                                <td class='col_c_icon'>
                                                    <if test="hasUnread:|:$forum_data['_has_unread']">
                                                        <a id='forum_img_{$forum_data['id']}' href="{parse url="app=forums&amp;module=forums&amp;section=markasread&amp;marktype=forum&amp;forumid={$forum_data['id']}&amp;returntoforumid={$this->request['f']}&amp;i=1" base="public"}" data-tooltip="{$this->lang->words['bi_markread']}" class='forum_marker'>                                                    
                                                        <if test="$this->settings['customForumIcons']=='yes'">
                                                            <php>
                                                                $imageURL = "{$this->settings['img_url']}";
                                                                $imageFolder = basename($imageURL);
                                                                $forumId = $forum_data['id'];
                                                            </php>
<if test="is_file( DOC_IPS_ROOT_PATH . '/' . PUBLIC_DIRECTORY . '/style_images/' . $imageFolder . '/forum_images/' . $forumId . '.png' )">
                                                                <img src="{style_images_url}/forum_images/{$forum_data['id']}.png" alt="" />
                                                            <else />
                                                                <img src="{style_images_url}/forum_images/default.png" alt="" />
                                                            </if>    
                                                        <else />
                                                                    <php>
$icon = 'fa fa-comments';
switch( $forum_data['id'] )
{
case 323: $icon = 'fa fa-pie-chart'; break;
case 2: $icon = 'fa fa-coffee'; break;
case 4: $icon = 'fa fa-server'; break;
case 3: $icon = 'fa fa-street-view'; break;
case 5: $icon ='fa fa-hdd-o'; break;
case 25: $icon = 'fa fa-bullhorn'; break;
case 291: $icon = 'fa fa-car'; break;
case 220: $icon = 'fa fa-steam'; break;
case 52: $icon = 'fa fa-steam'; break;
case 54: $icon = 'fa fa-newspaper-o'; break;
case 277: $icon = 'fa fa-tags'; break;
case 278: $icon = 'fa fa-globe'; break;
case 9: $icon = 'fa fa-paint-brush'; break;
case 143: $icon = 'fa fa-space-shuttle'; break;
case 53: $icon = 'fa fa-users '; break;
case 20: $icon = 'fa fa-line-chart'; break;
case 60: $icon = 'fa fa-line-chart'; break;
case 63: $icon = 'fa fa-gamepad'; break;
case 62: $icon = 'fa fa-gamepad'; break;
case 64: $icon = 'fa fa-gamepad'; break;
case 65: $icon = 'fa fa-gamepad'; break;
case 66: $icon = 'fa fa-gamepad'; break;
case 286: $icon = 'fa fa-hand-peace-o'; break;
case 69: $icon = 'fa fa-toggle-on'; break;
case 70: $icon = 'fa fa-arrow-right'; break;
case 71: $icon = 'fa fa-desktop'; break;
case 72: $icon = 'fa fa-credit-card'; break;
case 22: $icon = 'fa fa-trash'; break;
// etc
default: break;
}
</php>
<div class='icon_awesome_forum_necitit'><i class="{$icon}"></i></div>
                                                        </if>
                                                        </a>
                                                    <else />
                                                        <if test="$this->settings['customForumIcons']=='yes'">
                                                            <php>
                                                                $imageURL = "{$this->settings['img_url']}";
                                                                $imageFolder = basename($imageURL);
                                                                $forumId = $forum_data['id'];
                                                            </php>
                                                            <if test="is_file( DOC_IPS_ROOT_PATH . '/' . PUBLIC_DIRECTORY . '/style_images/' . $imageFolder . '/forum_images/' . $forumId . '.png' )">
                                                                <img src="{style_images_url}/forum_images/{$forum_data['id']}.png" alt="" <if test="$this->memberData['member_id']">class='fadedForumIcon'</if> />
                                                            <else />
                                                                <img src="{style_images_url}/forum_images/default.png" alt="" <if test="$this->memberData['member_id']">class='fadedForumIcon'</if> />
                                                            </if>
                                                        <else />
                                                            <div class='icon_awesome_forum_citit'><i class="{$icon}"></i></div>
                                                        </if>
                                                    </if>
                                                </td>
                                                <td class='col_c_forum'>
                                                    
                                                    <h4 class='forum_name'>
                                                        <if test="hasQueuedAndCanSeeIcon:|:!empty($forum_data['_has_queued_and_can_see_icon'])">
                                                            <a href='{parse url="showforum={$forum_data['id']}&amp;modfilter=unapproved" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}' title='{$this->lang->words['view_unapproved']}' class='ipsBadge ipsBadge_orange' data-tooltip="{parse expression="sprintf( $this->lang->words['f_queued'], $forum_data['queued_topics'], $forum_data['queued_posts'])"}" style='vertical-align: top'>{$this->lang->words['f_queued_badge']}</a>
                                                        </if>
                                                        <strong class='highlight_unread'><a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{parse expression="IPSText::striptags( IPSText::htmlspecialchars( $forum_data['name'] ) )"}'>{$forum_data['name']}</a></strong> <if test="$this->settings['customForumIcons']=='yes'"><if test="$forum_data['_has_unread']"><span class='ipsBadge ipsBadge_orange' style='vertical-align: top; margin-left: 5px;'>NEW</span></if></if>
                                                    </h4>

                                                    <if test="$forum_data['description']"><if test="$this->settings['hoverDescriptions']=='yes'"><span class='forum_desc_pos'><span class='forum_desc_con'><span class='forum_description'>{$forum_data['description']}</span></span></span><else /><p class='desc forum_desc'>{$forum_data['description']}</p></if></if>
<if test="$this->settings['removeStatsColumn']=='yes'"><div class='forum_stats'><span>{$this->lang->words['topics']}:</span> {$forum_data['topics']}  &nbsp; <span>{$this->lang->words['replies']}:</span> {$forum_data['posts']}</div></if>    

                                                    <if test="showSubForums:|:$forum_data['show_subforums'] AND count( $forum_data['subforums'] ) AND $forum_data['show_subforums']">
                                                        <ol class='ipsList_inline ipsType_small subforums2' id='subforums_{$forum_data['id']}'><foreach loop="subforums:$forum_data['subforums'] as $__id => $__data"></ol> <ol class='ipsList_inline ipsType_small subforums3' id='subforums_{$forum_data['id']}'><if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if></foreach></ol> <ol class='ipsList_inline ipsType_small subforums' id='subforums_{$forum_data['id']}'><foreach loop="subforums:$forum_data['subforums'] as $__id => $__data"></ol> <ol class='ipsList_inline ipsType_small subforums1' id='subforums_{$forum_data['id']}'><if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if><a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'>{$__data[1]}</a></li></foreach></ol>
                                                    </if>
                                                                                    
                                                </td>
                                                <if test="$this->settings['removeStatsColumn']=='no'">
<!--
<td class='col_c_stats ipsType_small'>
                                                    <ul>
                                                        <li>{$forum_data['topics']} {$this->lang->words['topics']}</li>
                                                        <li>{$forum_data['posts']} {$this->lang->words['replies']}</li>
                                                    </ul>
                                                </td></if>
--!>
<php>
$total_topics_posts = $days = ereg_replace("[^0-9]", "", $forum_data['topics']) + $days = ereg_replace("[^0-9]", "", $forum_data['posts']);

/*$total_topics_posts = number_format($total_topics_posts, null, '.', '.');*/
</php>

<td style='width: 10%;'><span class='nstatsNumber'>
{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $total_topics_posts ) )"} 

</span><span class='nstatsText'>posts</span></td>
                                                <if test="canSeeLastInfo:|:$this->memberData['gbw_view_last_info']">
                                                <td class='col_c_post'>
                                                    <if test="hideLastInfo:|:$forum_data['hide_last_info']">
                                                        <ul class='last_post'>
                                                            <li class='desc lighter'><em>{$this->lang->words['f_protected']}</em></li>
                                                        </ul>
                                                    <else />
<if test="hideTopicInTitle:|:$forum_data['_hide_last_date']">
                                                        {parse template="userSmallPhoto" group="global" params="array('member_id' => $forum_data['last_poster_id'], 'members_seo_name' => $forum_data['seo_last_name'], 'pp_small_photo' => $forum_data['pp_small_photo'], 'alt' => '' )"}
                                                        <else />
                                                        {parse template="userSmallPhoto" group="global" params="array('member_id' => $forum_data['last_poster_id'], 'members_seo_name' => $forum_data['seo_last_name'], 'pp_small_photo' => $forum_data['pp_small_photo'], 'alt' => sprintf( $this->lang->words['bindex_userphoto_alt'], $forum_data['last_title'], $forum_data['members_display_name'] ) )"}
</if>
                                                        <ul class='last_post ipsType_small'>
                                                            <if test="!$forum_data['last_id']">
                                                                <li class='desc lighter'><em>{$this->lang->words['f_none']}</em></li>
                                                            <else />
                                                                <li>
                                                                    <span class='highlight_unread'>{$forum_data['last_topic_title']}</span>
                                                                </li>
                                                                <li>
                                                                    <span class='desc lighter blend_links'>
                                                                    <if test="hideDateUrl:|:$forum_data['_hide_last_date']">
                                                                        {parse date="$forum_data['last_post']" format="DATE"}
                                                                    <else />
                                                                        <a href='{parse url="showtopic={$forum_data['last_id']}&amp;view=getlastpost" base="public" template="showtopic" seotitle="{$forum_data['seo_last_title']}"}' title='{$this->lang->words['view_last_post']}'>{parse date="$forum_data['last_post']" format="DATE"}</a>
                                                                    </if></span>
                                                                    <if test="lastPosterID:|:$forum_data['last_poster_id']">
                                                                        {$this->lang->words['by']} {parse template="userHoverCard" group="global" params="$forum_data"}
                                                                    </if>
                                                                </li>
                                                            </if>
                                                            
                                                        </ul>
                                                    </if>
                                                </td></if>
                                            </tr>
                                        </if>

                                    </foreach>
                                </table>
                            </div>
                        </div>{parse replacement="box_end"}
                        <br />
                    </div>
</if>
            </foreach>
        </if>
    </div>
    <if test="sideBarEnabled2:|:$this->templateVars['sidebar_enabled']">
        <div id='index_stats' class='ipsLayout_right clearfix' <if test="sidebarclosed2:|:IPSCookie::get('hide_sidebar') == '1'">style='display: none'</if>>
            <foreach loop="side_blocks:$side_blocks as $block">
                {$block}
            </foreach>
        </div>
<div>
<figure class="snip0068 red"><img src="http://static.md/c81469faa0aee79e9b3d19b1bb7bf221.png" alt="sampl31">
  <figcaption>
    <div class="__xXteamspeak203">
      <h3 id="anonymous_element_4"><a href="#" class="ipsSidebar_trigger ipsType_smaller right desc mod_links"></a>TeamSpeak 3</h3>
    </div>
    <div><span>Click To Connect</span></div>
    <a href="ts3server://ip-ul-tau"></a>
  </figcaption>
</figure>
</div>

        <a href='#' id='toggle_sidebar' title='{$this->lang->words['toggle_sidebar']}' data-closed="{$this->lang->words['_laquo']}" data-open="&times;">&nbsp;</a>
    </if>
</div>
<script type='text/javascript'>
//<![CDATA[
    var markerURL  = ipb.vars['base_url'] + "app=forums&module=ajax&section=markasread&i=1"; // Ajax URL so don't use &amp;
    var unreadIcon = "<img src='{$this->settings['img_url']}/f_icon_read.png' />";
    
    <if test="markercatforums:|:is_array( $cat_data ) AND count( $cat_data )">
        <foreach loop="markercategories:$cat_data as $_data">
            <if test="markerhasforums:|:is_array( $_data['forum_data'] ) AND count( $_data['forum_data'] )">
                <foreach loop="markerforums:$_data['forum_data'] as $forum_id => $forum_data">
                    <if test="markernotredirect:|:!$forum_data['redirect_on']">
                        <if test="markerhasunread:|:$forum_data['_has_unread']">
    ipb.global.registerMarker( "forum_img_{$forum_data['id']}", "{$forum_data['img_new_post']}", markerURL + "&forumid={$forum_data['id']}" );
                        </if>
                    </if>

                </foreach>
            </if>

        </foreach>
    </if>
//]]>
</script>
<if test="showTotals:|:$this->settings['show_totals']">
    <div id='board_stats'>        
        <ul class='ipsType_small ipsList_inline'>
            <li class='clear'>
                <span class='value'>{$stats['info']['total_posts']}</span>
                {$this->lang->words['total_posts']}
            </li>
            <li class='clear'>
                <span class='value'>{$stats['info']['mem_count']}</span>
                {$this->lang->words['total_members']}
            </li>
            <li class='clear'>
                {IPSMember::makeProfileLink( $stats['info']['last_mem_name'], $stats['info']['last_mem_id'], $stats['info']['last_mem_seo'], 'value' )}
                {$this->lang->words['newest_member']}
            </li>
            <li class='clear' data-tooltip="{$stats['info']['most_time']}">
                <span class='value'>{$stats['info']['most_online']}</span>
                {$this->lang->words['online_at_once']}
            </li>
        </ul>
    </div>
</if>
<div id='board_statistics' class='statistics clearfix'>
    <h4 class='statistics_head clearfix'><ul id='stat_links' class='ipsList_inline right ipsType_small'>
        <if test="statsLinks:|:1==1"> <!-- Hook point -->
            <li><a href="{parse url="app=forums&amp;module=extras&amp;section=stats&amp;do=leaders" base="public"}" title="{$this->lang->words['sm_forum_leaders_title']}">{$this->lang->words['sm_forum_leaders']}</a></li>
            <li><a href="{parse url="app=forums&amp;module=extras&amp;section=stats" base="public"}" title="{$this->lang->words['sm_all_posters_title']}">{$this->lang->words['sm_today_posters']}</a></li>
            <li><a href="{parse url="app=members&amp;module=list&amp;max_results=20&amp;sort_key=posts&amp;sort_order=desc&amp;filter=ALL" base="public" seotitle="false"}" title="{$this->lang->words['sm_overall_posters_title']}">{$this->lang->words['sm_overall_posters']}</a></li>
            <if test="reputationEnabled:|:$this->settings['reputation_enabled']">
                <li>
                    <a href="{parse url="app=members&amp;module=reputation&amp;section=most" base="public" template="most_liked" seotitle="most_liked"}">
                        <if test="reputationType:|:$this->settings['reputation_point_types'] == 'like'">
                            {$this->lang->words['most_rep_likes']}
                        <else />
                            {$this->lang->words['most_rep_rep']}
                        </if>
                    </a>
                </li>
            </if>
        </if>
    </ul>
<if test="showActive:|:$this->settings['show_active'] && $this->memberData['gbw_view_online_lists']">{parse expression="sprintf( $this->lang->words['online_right_now'], $stats['TOTAL'] )"} {$this->lang->words['active_users']}</if></h4>
    <if test="$this->settings['show_active']"><p class='statistics_brief desc'>
        {parse expression="sprintf( $this->lang->words['active_users_detail'], $stats['MEMBERS'], $stats['GUESTS'], $stats['ANON'] )"}
        <if test="onlineListEnabled:|:$this->settings['allow_online_list']">&nbsp;&nbsp;<a href='{parse url="app=members&amp;module=online&amp;sort_order=desc" base="public"}'>({$this->lang->words['online_link']})</a> </if>
    </p></if>
    
    <if test="activeNames:|:count($stats['NAMES']) && $this->settings['show_active']">
        <br />
        <p>
            <span class='name'>{parse expression="implode( ",</span> <span class='name'>", $stats['NAMES'] )"}</span>                    
        </p>
    </if>
</div>

Codul CSS: 

Mai departe modifici cum doresti.

Spoiler

@import url(https://fonts.googleapis.com/css?family=Raleway:400,600); figure.snip0068 { font-family: 'Raleway', Arial, sans-serif; color: #fff; position: relative; overflow: hidden; margin: 0; min-width: 220px; max-width: 310px; max-height: 220px; width: 100%; background: #000000; text-align: center; } figure.snip0068 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } figure.snip0068 img { opacity: 1; width: 100%; -webkit-transition: all 0.6s; transition: all 0.6s; } figure.snip0068 figcaption { position: absolute; bottom: 0; left: 18%; right: 18%; height: 100%; } figure.snip0068 figcaption > div { overflow: hidden; width: 100%; position: relative; height: 50%; } figure.snip0068 h3, figure.snip0068 span { margin: 0; padding: 10px 15px; display: inline-block; width: 100%; font-weight: 800; text-transform: uppercase; } figure.snip0068 h3 { background: #333333; position: relative; bottom: 0; left: 0; position: absolute; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); } figure.snip0068 span { background: #ffffff; color: #4d4d4d; -webkit-transform: translate3d(0%, -100%, 0); transform: translate3d(0%, -100%, 0); } figure.snip0068 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; color: #ffffff; } figure.snip0068.blue { background: #0a212f; } figure.snip0068.blue h3 { background: #2980b9; } figure.snip0068.red { background: #36100c; } figure.snip0068.red h3 { background: #c0392b; } figure.snip0068.yellow { background: #562e0a; } figure.snip0068.yellow h3 { background: #e67e22; } figure.snip0068:hover img, figure.snip0068.hover img { opacity: 0.35; -webkit-filter: blur(5px); filter: blur(5px); -webkit-transform: scale(1.1); transform: scale(1.1); } figure.snip0068:hover figcaption h3, figure.snip0068.hover figcaption h3 { -webkit-transform: translate3d(0%, 100%, 0); transform: translate3d(0%, 100%, 0); } figure.snip0068:hover figcaption span, figure.snip0068.hover figcaption span { -webkit-transform: translate3d(0%, 0%, 0); transform: tra

 

Link to comment
Share on other sites

  • gadeas changed the title to Cum adaug un widget custom in sidebar pentru TeamSpeak?

Pai tot ce a facut este :

1.

<!-- TEAMSPEAK WIDGET START -->
<div class="badcore-tswidget">
   <div><div>
 <a href="ts3server://ts.badcore.ro">
      Establish connection
   </a>
    </div></div>
</div>
<!-- TEAMSPEAK WIDGET END -->
<!-- TEAMSPEAK WIDGET START -->
<div class="badcore-recomanda">
   <div><div>
 <a href="http://lux-host.biz">
      Visit Site!
   </a>
    </div></div>
</div>
<!-- TEAMSPEAK WIDGET END -->

A pus acest cod sub   <foreach loop="side_blocks:$side_blocks as $block"> iar apoi a pus css-ul in ipb_Styles.css si voala, nu cred ca era o treaba pentru oferit acp si astea..

  • Downvote 1
Link to comment
Share on other sites

In primul rand daca vrei sa iti fie usor instalezi un script pentru CustomHOOKSidebar asa il gasesti pe net ,

dupa dai inspect la alt sidebar si ii vezi codu te duci si il pui in customhook are el niste optiunii mai speciale doar ca trebuie sa stii putin html ca sa prinzi marimea exacta ,

nu ti-am dat totul in imagini tutorial ca imi este lene si oricum trebuie sa inveti si tu ca cica esti admin.

Link to comment
Share on other sites

  • 2 weeks later...

 Versiunea cautata de mine mai sus

Spoiler

versiunea ceruta mai sus 

<!-- TEAMSPEAK WIDGET START -->
<div class="ipsSideBlock clearfix __xXtop20520online20users">
 <h3 id="anonymous_element_84"><a href="#" class="ipsSidebar_trigger ipsType_smaller right desc mod_links">×</a><center>RECOMANDAM!</center></h3>
<div>
<figure class="snip0068 red"><img src="IMAGINEA TA" alt="sampl31">
  <figcaption>
    <div class="__xXteamspeak203">
    </div>
    <div><span>Click To Connect</span></div>
    <a href="ts3server://ip-ul tau"></a>
  </figcaption>
</figure>
 </div>
</div>
<!-- TEAMSPEAK WIDGET EnD -->

SI O VERSIUNE PUTIN EDITATA insa am o mica problema de script cand apas nu ma redirecitioneaza diresct pe server-ul de ts3.

Spoiler

  <div class="ipsSideBlock clearfix __xXtop20520tswlg.ro20">
 <h3 class="csbNoCollapse" id="anonymous_element_226"><a href="#" class="ipsSidebar_trigger ipsType_smaller right desc mod_links">×</a> TS.WLG.RO </h3>
<div>
<figure class="snip0068 red"><img src="https://s18.postimg.org/prf15qnsp/ts3.png" alt="sampl31">
  <figcaption>
    <div class="__xXteamspeak203 __xXd7hostpixel20hosting __xXd7d7tswlg.ro">
    </div>
    <div><span>CONNECTION</span></div>
    <a href="ts3server://ts.wlg.ro"></a>
  </figcaption>
</figure>
</div> 
</div> 

Sper ca v-am ajutat si eu ;)

Edited by SnOpY
Link to comment
Share on other sites

On ‎04‎.‎02‎.‎2017 at 0:29 PM, BebeGFX said:

Pai tot ce a facut este :

1.

  Reveal hidden contents

 



<!-- TEAMSPEAK WIDGET START -->
<div class="badcore-tswidget">
   <div><div>
 <a href="ts3server://ts.badcore.ro">
      Establish connection
   </a>
    </div></div>
</div>
<!-- TEAMSPEAK WIDGET END -->
<!-- TEAMSPEAK WIDGET START -->
<div class="badcore-recomanda">
   <div><div>
 <a href="http://lux-host.biz">
      Visit Site!
   </a>
    </div></div>
</div>
<!-- TEAMSPEAK WIDGET END -->

 

A pus acest cod sub   <foreach loop="side_blocks:$side_blocks as $block"> iar apoi a pus css-ul in ipb_Styles.css si voala, nu cred ca era o treaba pentru oferit acp si astea..

 

imi pare rau sa iti spun ala e script dat de mine si el nu a pus nimic in css.

Link to comment
Share on other sites

Sobolanu de bebe are dreptate =)))))

Spoiler
/*code sidebar*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600);
figure.snip0068 {
    font-family: 'Raleway',Arial,sans-serif;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 0;
    background: #000;
    text-align: center;
}
figure.snip0068 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
figure.snip0068 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
figure.snip0068 figcaption {
  position: absolute;
  bottom: 0;
  left: 18%;
  right: 18%;
  height: 100%;
}
figure.snip0068 figcaption > div {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 50%;
}
figure.snip0068 h3,
figure.snip0068 span {
  margin: 0;
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  font-weight: 800;
  text-transform: uppercase;
}
figure.snip0068 h3 {
  background: #333333;
  position: relative;
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
figure.snip0068 span {
  background: #ffffff;
  color: #4d4d4d;
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
}
figure.snip0068 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.snip0068.blue {
  background: #0a212f;
}
figure.snip0068.blue h3 {
  background: #2980b9;
}
figure.snip0068.red {
  background: #36100c;
}
figure.snip0068.red h3 {
  background: #c0392b;
}
figure.snip0068.yellow {
  background: #562e0a;
}
figure.snip0068.yellow h3 {
  background: #e67e22;
}
figure.snip0068:hover img,
figure.snip0068.hover img {
  opacity: 0.35;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.snip0068:hover figcaption h3,
figure.snip0068.hover figcaption h3 {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}
figure.snip0068:hover figcaption span,
figure.snip0068.hover figcaption span {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
/* code sidebar end */

 

Edited by SnOpY
Link to comment
Share on other sites

poftim tot codul ;) 

 

<div class="ipsSideBlock clearfix __xX20get20in20touch20with20us21">
	<h3 class="csbNoCollapse" id="anonymous_element_1"><a href="#" class="ipsSidebar_trigger ipsType_smaller right desc mod_links">×</a> Get in touch with us!</h3>
	<div class="_sbcollapsable">
		<div class="_sbcollapsable">
<style>
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600);
figure.snip0068 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 220px;
  max-width: 310px;
  max-height: 280px;
  width: 100%;
  background: #000000;
  text-align: center;
}

figure.snip0068 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

figure.snip0068 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

figure.snip0068 figcaption {
  position: absolute;
  bottom: 0;
  left: 18%;
  right: 18%;
  height: 100%;
}

figure.snip0068 figcaption > div {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 50%;
}

figure.snip0068 h3,
figure.snip0068 span {
  margin: 0;
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  font-weight: 800;
  text-transform: uppercase;
}

figure.snip0068 h3 {
  background: #139 0 0;
  position: relative;
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}

figure.snip0068 span {
  background: #1b1b1b;
  color: #3399ff;
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
}

figure.snip0068 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}

figure.snip0068.blue {
  background: #3399ff;
}

figure.snip0068.blue h3 {
  background: #3399ff;
}

figure.snip0068.red {
  background: #3399ff;
}

figure.snip0068.red h3 {
  background: #3399ff;
}

figure.snip0068.yellow {
  background: #3399ff;
}

figure.snip0068.yellow h3 {
  background: #3399ff;
}

figure.snip0068:hover img,
figure.snip0068.hover img {
  opacity: 0.35;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip0068:hover figcaption h3,
figure.snip0068.hover figcaption h3 {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}

figure.snip0068:hover figcaption span,
figure.snip0068.hover figcaption span {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
</style>
<div>
<figure class="snip0068 red"><img src="http://i.imgur.com/rSntShu.png" alt="sampl31">
  <figcaption>
    <div class="__xXteamspeak203 __xXd7hostpixel20hosting">
    </div>
    <div><span>ESTABLISH CONECTION</span></div>
    <a href="HTTP://TS.BADCORE.RO:9987"></a>
  </figcaption>
</figure>
</div>
					</div>
	</div>
</div>

 

Link to comment
Share on other sites

1 hour ago, SnOpY said:

acesta este functional gen cand dau pe el sa ma conecteze automat pe ts?

 

Acuma da e functional. Modifici adresa la ts doar .

<div class="ipsSideBlock clearfix __xX20get20in20touch20with20us21">
	<h3 class="csbNoCollapse" id="anonymous_element_1"><a href="#" class="ipsSidebar_trigger ipsType_smaller right desc mod_links">×</a> Get in touch with us!</h3>
	<div class="_sbcollapsable">
		<div class="_sbcollapsable">
<style>
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600);
figure.snip0068 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 220px;
  max-width: 310px;
  max-height: 280px;
  width: 100%;
  background: #000000;
  text-align: center;
}

figure.snip0068 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

figure.snip0068 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

figure.snip0068 figcaption {
  position: absolute;
  bottom: 0;
  left: 18%;
  right: 18%;
  height: 100%;
}

figure.snip0068 figcaption > div {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 50%;
}

figure.snip0068 h3,
figure.snip0068 span {
  margin: 0;
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  font-weight: 800;
  text-transform: uppercase;
}

figure.snip0068 h3 {
  background: #139 0 0;
  position: relative;
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}

figure.snip0068 span {
  background: #1b1b1b;
  color: #3399ff;
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
}

figure.snip0068 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}

figure.snip0068.blue {
  background: #3399ff;
}

figure.snip0068.blue h3 {
  background: #3399ff;
}

figure.snip0068.red {
  background: #3399ff;
}

figure.snip0068.red h3 {
  background: #3399ff;
}

figure.snip0068.yellow {
  background: #3399ff;
}

figure.snip0068.yellow h3 {
  background: #3399ff;
}

figure.snip0068:hover img,
figure.snip0068.hover img {
  opacity: 0.35;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip0068:hover figcaption h3,
figure.snip0068.hover figcaption h3 {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}

figure.snip0068:hover figcaption span,
figure.snip0068.hover figcaption span {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
</style>
<div>
<figure class="snip0068 red"><img src="http://i.imgur.com/rSntShu.png" alt="sampl31">
  <figcaption>
    <div class="__xXteamspeak203 __xXd7hostpixel20hosting">
    </div>
    <div><span>ESTABLISH CONECTION</span></div>
    <a onclick="javascript:hidePopupExternalLink();" href="ts3server://89.40.233.18?port=9987">
					Join Teamspeak Server
				</a>
  </figcaption>
</figure>
</div>
					</div>
	</div>
</div>

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.