Перейти к содержанию

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

fomen

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

 Поделиться

Рекомендуемые сообщения

fomen Энтузиаст

fomen

Опубликовано
  • Автор
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
SanyaSamp Ментор

SanyaSamp

Опубликовано
Опубликовано 

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

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

Ссылка на комментарий
Поделиться на другие сайты
fomen Энтузиаст

fomen

Опубликовано
  • Автор
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
SanyaSamp Ментор

SanyaSamp

Опубликовано
Опубликовано

хмммм а так

<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>
Ссылка на комментарий
Поделиться на другие сайты
fomen Энтузиаст

fomen

Опубликовано
  • Автор
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
SanyaSamp Ментор

SanyaSamp

Опубликовано
Опубликовано

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

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

Ссылка на комментарий
Поделиться на другие сайты
fomen Энтузиаст

fomen

Опубликовано
  • Автор
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
SanyaSamp Ментор

SanyaSamp

Опубликовано
Опубликовано 
<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 Энтузиаст

fomen

Опубликовано
  • Автор
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
KitsuneSolar Опытный

KitsuneSolar

Опубликовано
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
SanyaSamp Ментор

SanyaSamp

Опубликовано
Опубликовано 

<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

Ссылка на комментарий
Поделиться на другие сайты
fomen Энтузиаст

fomen

Опубликовано
  • Автор
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
SanyaSamp Ментор

SanyaSamp

Опубликовано
Опубликовано

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

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

Ссылка на комментарий
Поделиться на другие сайты
fomen Энтузиаст

fomen

Опубликовано
  • Автор
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
SanyaSamp Ментор

SanyaSamp

Опубликовано
Опубликовано

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

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

Ссылка на комментарий
Поделиться на другие сайты
SanyaSamp Ментор

SanyaSamp

Опубликовано
Опубликовано 
<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

Ссылка на комментарий
Поделиться на другие сайты
fomen Энтузиаст

fomen

Опубликовано
  • Автор
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

×
 Поделиться
Перейти к списку тем

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...