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

12 марта, 201411 yr

Author

Подумай пожалуйста ) Будет много лайков xD

12 марта, 201411 yr

<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; - размер шрифта

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

Цитата

12 марта, 201411 yr

Author

ошибка синтаксиса

Цитата

12 марта, 201411 yr

хмммм а так

<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>

Цитата

12 марта, 201411 yr

Author

нет ничего не происходит

Цитата

12 марта, 201411 yr

нет ничего не происходит

Что именно не происходит?

Цитата

12 марта, 201411 yr

Author

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

Цитата

12 марта, 201411 yr

<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>

Попробуй так

Цитата

fomen
1

12 марта, 201411 yr

Author

почти у тебя получилось ) вот как выглядит можешь сам на форуме посмотреть, но надо так как я скинул скрин )

Цитата

12 марта, 201411 yr

Господа, что-то вы как то уж слишком еб*тесь. =/

Цитата

12 марта, 201411 yr

Author

помогай

Цитата

12 марта, 201411 yr


<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>

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

123.rar

Цитата

12 марта, 201411 yr

Author

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

Цитата

12 марта, 201411 yr

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

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

Цитата

12 марта, 201411 yr

Author

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

Цитата

12 марта, 201411 yr

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

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

Цитата

12 марта, 201411 yr

Author

ок жду

Цитата

12 марта, 201411 yr

<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); 
}

Попробуй так

Цитата

12 марта, 201411 yr

Author

не не идет ...

Цитата

12 марта, 201411 yr

не не идет ...

Что именно не идет?

Цитата

12 марта, 201411 yr

Author

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

Цитата

Sign In

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

Featured Replies

Join the conversation

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

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)