


Как поставить?

п.с. одобри мой аккаунт на своём форуме, пожалуйста, вечно у меня с почтой проблемы

Код: Выделить всё
[menu={TEXT1}]{TEXT2}[/menu]
Код: Выделить всё
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js' type='text/javascript'></script>
<script type="text/javascript">
function posMouse(e){
var mouX = 0, mouY = 0;
if (!e) e = window.event;
if (e.pageX || e.pageY) {
mouX = e.pageX;
mouY = e.pageY;
} else if (e.clientX || e.clientY) {
mouX = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
mouY = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
return {"x":mouX, "y":mouY}
}
$(document).ready(function(){
$('div.txt').mouseover(function(){
$(this).next().slideDown('slow');
})
.mouseout(function(e){
var elem = $(this).next(), mou = posMouse(e);
if ((mou.x < elem.offset().left) || (mou.x > elem.offset().left + elem.width()) || (mou.y < elem.offset().top))
elem.slideUp('slow');
});
$('div.box').mouseleave(function(){
$(this).slideUp('slow');
});
});
</script>
<table border=0 cellpadding=1 cellspacing=1 width="100%">
<tr>
<td width=100% valign="top"><div class='txt'>{TEXT1}</div>
<div class='box'>{TEXT2}</div></td>
</tr>
</table>
Код: Выделить всё
главный блок: [menu=название]блоки[/menu]
Код: Выделить всё
[podmenu={TEXT}]{URL}[/podmenu]
Код: Выделить всё
<a href="{URL}" class="bbdopmenu" title="перейти">{TEXT}</a>
Код: Выделить всё
блок меню: [podmenu=название]ссылка[/podmenu]
Код: Выделить всё
/* Private messages
------------------ */
.pm_marked_colour {
background-color: #000000;
}
Код: Выделить всё
/** BBCode Menu **/
div.txt {
width: 150px;
height: 20px;
color: #FFFFFF;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
background: #069;
text-align: center;
padding: 2px 0 0 0;
}
div.box {
background-color: #069;
display: none;
width: 150px;
color: #FFFFFF;
text-align: center;
padding: 0;
border-top: 1px solid #FFFFFF;
}
.bbdopmenu {
width: 140px;
margin: 1px;
padding: 2px 4px 2px 4px;
text-decoration: none;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
display: inline-block;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.bbdopmenu:hover {
background: rgb(96,145,172);
}
div.box a {
text-decoration: none;
color: #FFFFFF;
}
div.box a:hover {
text-decoration: underline;
}
Код: Выделить всё
[menu=название]
[podmenu=название ссылки]ссылка[/podmenu]
[podmenu=название ссылки 2]ссылка 2[/podmenu]
[/menu]
не знаю - попробуйте поставьте - что получится. просилвер - стиль "плавающий" - там может возня с css возникнуть. сам я не проверял.Чародейка писал(а):а на просильвер можно это творение?
Код: Выделить всё
[menu={TEXT1},{URL}]{TEXT2}[/menu]
Код: Выделить всё
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js' type='text/javascript'></script>
<script type="text/javascript">
function posMouse(e){
var mouX = 0, mouY = 0;
if (!e) e = window.event;
if (e.pageX || e.pageY) {
mouX = e.pageX;
mouY = e.pageY;
} else if (e.clientX || e.clientY) {
mouX = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
mouY = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
return {"x":mouX, "y":mouY}
}
$(document).ready(function(){
$('div.txt').mouseover(function(){
$(this).next().slideDown('slow');
})
.mouseout(function(e){
var elem = $(this).next(), mou = posMouse(e);
if ((mou.x < elem.offset().left) || (mou.x > elem.offset().left + elem.width()) || (mou.y < elem.offset().top))
elem.slideUp('slow');
});
$('div.box').mouseleave(function(){
$(this).slideUp('slow');
});
});
</script>
<div class="box_static"><div class='txt'><a href="{URL}" class="bbmenu">{TEXT1}</a></div>
<div class='box'>{TEXT2}</div></div>
Код: Выделить всё
[podmenu={TEXT}]{URL}[/podmenu]
Код: Выделить всё
<a href="{URL}" class="bbdopmenu">{TEXT}</a>
Код: Выделить всё
блок меню: [podmenu=название]ссылка[/podmenu]
Код: Выделить всё
/* Private messages
------------------ */
.pm_marked_colour {
background-color: #000000;
}
Код: Выделить всё
/** BBCode Menu **/
div.box_static {
margin: 5px;
position: relative;
}
div.txt {
width: 150px;
height: 20px;
color: #FFFFFF;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
background: #069;
text-align: center;
padding: 2px 0 0 0;
}
div.box {
background-color: #069;
display: none;
width: 150px;
color: #FFFFFF;
text-align: center;
padding: 0;
border-top: 1px solid #FFFFFF;
position: absolute;
}
.bbmenu {
width: 148px;
margin: 0px;
padding: 0 0 2px 0;
text-decoration: none;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
display: inline-block;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.bbmenu:hover {
background: rgb(96,145,172);
}
.bbdopmenu {
width: 140px;
margin: 1px;
padding: 2px 4px 2px 4px;
text-decoration: none;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
display: inline-block;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.bbdopmenu:hover {
background: rgb(96,145,172);
}
div.box a {
text-decoration: none;
color: #FFFFFF;
}
div.box a:hover {
text-decoration: underline;
}
div.txt a {
text-decoration: none;
color: #FFFFFF;
padding: 0 0 2px 0;
}
Код: Выделить всё
/** BBCode Menu **/
div.box_static {
margin: 5px;
}
div.txt {
width: 150px;
height: 20px;
color: #FFFFFF;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
background: #069;
text-align: center;
padding: 2px 0 0 0;
}
div.box {
background-color: #069;
display: none;
width: 150px;
color: #FFFFFF;
text-align: center;
padding: 0;
border-top: 1px solid #FFFFFF;
}
.bbmenu {
width: 148px;
margin: 0px;
padding: 0 0 2px 0;
text-decoration: none;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
display: inline-block;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.bbmenu:hover {
background: rgb(96,145,172);
}
.bbdopmenu {
width: 140px;
margin: 1px;
padding: 2px 4px 2px 4px;
text-decoration: none;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
display: inline-block;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.bbdopmenu:hover {
background: rgb(96,145,172);
}
div.box a {
text-decoration: none;
color: #FFFFFF;
}
div.box a:hover {
text-decoration: underline;
}
div.txt a {
text-decoration: none;
color: #FFFFFF;
padding: 0 0 2px 0;
}
Код: Выделить всё
[menu=название,ссылка]
[podmenu=название ссылки]ссылка[/podmenu]
[podmenu=название ссылки 2]ссылка 2[/podmenu]
[/menu]
Есть генератор кнопок который выдаст Вам с генерируемый стиль CSS с конструированной Вами кнопки. Остается лишь скопировать полученный стиль и вставить его в файл вашего стиля styles/prosilver/theme/colours.cssSensey #102 пост писал(а):Сергей, очень понравился BB-код "Ссылка в виде кнопки" из первого поста. Только кнопка получается серая, невзрачная. Как прописать в код изменение цвета кнопки, текста внутри. И если можно, хотелось бы скруглить углы у этой кнопки-ссылки. Спасибо!
Код: Выделить всё
[adm]{TEXT}[/adm]
Код: Выделить всё
<br />
<table cellspacing="0" style="width: 95%; border: 1px solid #DBDBCE">
<tr>
<td style="padding: 10px; font-size: 35px; font-weight: bold; font-family: Garamond,'Times New Roman',serif; color: #BB0000; background-color: #FFFFFF; vertical-align: middle; width: 5%">A</td>
<td style="padding: 10px; color: #AA0000; background-color: #EBEADD;">{TEXT}</td>
</tr>
</table>
<br />
Код: Выделить всё
[mod]{TEXT}[/mod]
Код: Выделить всё
<br />
<table cellspacing="0" style="width: 95%; border: 1px solid #DBDBCE">
<tr>
<td style="padding: 10px; font-size: 35px; font-weight: bold; font-family: Garamond,'Times New Roman',serif; color: #BB0000; background-color: #FFFFFF; vertical-align: middle; width: 5%">M</td>
<td style="padding: 10px; color: #AA0000; background-color: #EBEADD;">{TEXT}</td>
</tr>
</table>
<br />
Код: Выделить всё
<a class="button2" href="{URL}" title="{URL}" onclick="window.location.href='{URL}'">{INTTEXT}</a>