Jump to content

Выделить ответы ..

fomen
fomen
in Форум запросов IP.Board

Featured Replies

comment_58292 

<p>ыыыыы ыыы ыыы ыы</p>
<style type="text/css">.blogodel {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.blogodel:hover {cursor: pointer;}

.blogodel .desc {display: none;}
.blogodel:hover .desc {
  background-color:#345;
  display: block;
  margin: 0;
  color: #FFF;
  font-size: 20px;
  padding: 40px;
  filter:alpha(opacity=75);
  opacity:.75;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  position: absolute;
  bottom: -60px; left: 90px; right: 90px;
}

.blogodel:hover .desc strong {
  display: block;
  font-size: 14px;
  line-height: 1em;
}</style>
<div class="blogodel">
	<p style="margin: 0px; padding: 0px;"><span class="ipsBadge" style="color: #ffffff; text-decoration: none; display: inline-block; height: 16px; line-height: 16px; padding: 0px 5px; font-size: 9px; font-weight: bold; text-transform: uppercase; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; vertical-align: middle; background-color: rgba(250, 119, 68, 0.78);"><strong>{$forum_data[&#39;posts&#39;]}</strong></span>&nbsp;{$this-&gt;lang-&gt;words[&#39;replies&#39;]}</p>
	<div class="desc"><strong>{$forum_data[&#39;posts&#39;]} Ответов</strong> З</div>
</div>
<p>&nbsp;</p>

Что то типо этого

background-color:#345; - Цвет фона

bottom: -60px; left: 90px; right: 90px; - размер окна

font-size: 20px; - размер шрифта

Экспериментируй)

  • Цитата
    comment_58300

    хмммм а так

    <style type="text/css">.blogodel {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.blogodel:hover {cursor: pointer;}

.blogodel .desc {display: none;}
.blogodel:hover .desc {
  background-color:#345;
  display: block;
  margin: 0;
  color: #FFF;
  font-size: 20px;
  padding: 40px;
  filter:alpha(opacity=75);
  opacity:.75;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  position: absolute;
  bottom: -60px; left: 90px; right: 90px;
}

.blogodel:hover .desc strong {
  display: block;
  font-size: 14px;
  line-height: 1em;
}</style>
<div class="blogodel">
	<p style="margin: 0px; padding: 0px;"><span class="ipsBadge" style="color: #ffffff; text-decoration: none; display: inline-block; height: 16px; line-height: 16px; padding: 0px 5px; font-size: 9px; font-weight: bold; text-transform: uppercase; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; vertical-align: middle; background-color: rgba(250, 119, 68, 0.78);"><strong>{$forum_data['posts']}</strong></span>&nbsp;{$this->lang->words['replies']}</p>
	<div class="desc"><strong>{$forum_data['posts']} Ответов</strong> З</div>
</div>
  • Цитата
    • Author
    comment_58306

    ну все осталось как бы, при наводке ничего ваще не вылазиет

  • Цитата
    comment_58307 
    <abbr title="{$forum_data['posts']} Ответов"><p style="margin: 0px; padding: 0px;"><span class="ipsBadge" style="color: #ffffff; text-decoration: none; display: inline-block; height: 16px; line-height: 16px; padding: 0px 5px; font-size: 9px; font-weight: bold; text-transform: uppercase; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; vertical-align: middle; background-color: rgba(250, 119, 68, 0.78);"><strong>{$forum_data['posts']}</strong></span>&nbsp{$this->lang->words['replies']}</p></abbr>

    Попробуй так

  • Цитата
    • Author
    comment_58308

    почти у тебя получилось ) вот как выглядит post-10943-0-18149500-1394634970.jpg можешь сам на форуме посмотреть, но надо так как я скинул скрин ) 

  • Цитата
    comment_58311 
    
<script type="text/javascript" src="__ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="js/jquery.dctooltip.1.0.js"></script>
<script type="text/JavaScript">
$(document).ready(function() {
	$('#demo-list li a').dcTooltip();
	$('#demo-2').dcTooltip({
    classWrapper: 'tooltip-2',
	distance: 10
    });
});
</script>
<style type="text/css">
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:none;margin:0;padding:0;}
body{height:100%;background:#fff;color:#1f1f1f;font-family:"Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif;font-size:13px;padding:7px 0;}
ul{list-style:none;}
.text-center {text-align: center; padding: 10px 0;}
.wrap {width: 660px; margin: 0 auto; padding-top: 50px;}
a {text-decoration: none;}
h2, h3 {margin-bottom: 0.5em;}

/* Tutorial CSS */
#demo-list li {display: inline;}
#demo-list li img {padding: 5px; background: #efefef; border: 1px solid #ccc;}
#demo-list li a {display: block; float: left; margin: 0 5px 5px 0;}
#demo-list li a:hover {background: none;}

.tooltip, .tooltip-2 {
width: 256px; 
position: absolute; 
bottom: 0; 
left: 0;
display: none;
font-weight: normal;
font-size: 12px; 
line-height: 1.5em; 
color: #fff;
z-index: 50; 
}
.tooltip .text {
padding: 5px 15px 35px 15px; 
background: url(images/tooltip.png) no-repeat 0 100%;
}
.tooltip .top {
height: 10px; 
background: url(images/tooltip.png) no-repeat 0 0;
}

.tooltip-2 {color: #000;}
.tooltip-2 .text {
padding: 5px 15px 35px 15px; 
background: url(images/tooltip_2.png) no-repeat 0 100%;
}
.tooltip-2 .top {
height: 10px; 
background: url(images/tooltip_2.png) no-repeat 0 0;
}


</style>
</head>
<body>
<div class="wrap">
	
		  <p> <a href="#" title="{$forum_data['posts']} Ответов" id="demo-2"><p style="margin: 0px; padding: 0px;"><span class="ipsBadge" style="color: #ffffff; text-decoration: none; display: inline-block; height: 16px; line-height: 16px; padding: 0px 5px; font-size: 9px; font-weight: bold; text-transform: uppercase; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; vertical-align: middle; background-color: rgba(250, 119, 68, 0.78);"><strong>{$forum_data['posts']}</strong></span>&nbsp{$this->lang->words['replies']}</p></a>

    И в корень форума все из архива. Попробуй так :D

    123.rar

  • Цитата
    comment_58313

    чет я не понял ( 

    Код ставляй куда и вставлял, а из архива по фтп залей в public_html все

  • Цитата
    comment_58316

    ваще весь форум в бок ушел думал ппц, не катит так ...

    Тогда сори но хз ;D еще подумаю но хз...

  • Цитата
    comment_58329 
    <div class="post123" data-title="{$forum_data['posts']} Сообщений"><p style="margin: 0px; padding: 0px;"><span class="ipsBadge" style="color: #ffffff; text-decoration: none; display: inline-block; height: 16px; line-height: 16px; padding: 0px 5px; font-size: 9px; font-weight: bold; text-transform: uppercase; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; vertical-align: middle; background-color: rgba(250, 119, 68, 0.78);"><strong>{$forum_data['posts']}</strong></span></p>{$this->lang->words['replies']}</div>

    И в ipbstyle.css

    .post123:hover::after { 
 content: attr(data-title); 
}

    Попробуй так :D

  • Цитата
    • Author
    comment_58342

    при наводке нигде не происходи и добовляется ниже слово (сообщений)

  • Цитата

    • Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.