Таблицы на заказ (14)

Страница: « 1 … 32 33 34 35 36 … 50 »

Сообщений 661 страница 680 из 1000

Поделиться661Чт, 14 Июн 2012 00:53:02

Автор: Tapira
Стремящийся
Зарегистрирован: Чт, 14 Июн 2012
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Ср, 20 Июн 2012 22:25:14

Доброго времени суток!
1)Таблица слайдер ~~простите за корявую схему~~

2) http://redriver.mybb.ru/
3) Прокрутка на 3 и 4 слайде.
Ширина:
640 - слайдер
240 – админы
а высоту одинаковую – 350

Поделиться662Чт, 14 Июн 2012 06:02:13

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Methaqualone,

очистите объявление вообще.

обновите весь html-низ:

Код:

<script type="text/javascript">
$('#pun-main div.category > h2 div.catleft').after('<a href="#" onclick="categorytoggle(this); return false;" style="float: right;">'+aimg.open+'</a>');
for(var i=1;i<=$('#pun-main div.category').length;i++)
    if(getcookie('pun-category'+i)=='close'){
	$('#pun-category'+i+' > div.container').css({display: 'none'});
	$('#pun-category'+i+' > h2 > a').html(aimg.close)
}
</script>

<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<script type="text/javascript">
 inColor("#770221", new Array("Tristan", "Bast"))/*администраторы*/
    inColor("#553d44", new Array("Вивьен Лакруа", "Severina Lorein", "Люцифер", "Dante"))/*модераторы*/
    inColor("#514c4d", new Array("PR агент"))/*пиарщики*/
    inColor("#8d7178", new Array("Kamille Thorn", "Ashray Grossou"))/*вип*/
    inColor("#25161a", new Array("", "Beliar Di'Greyd", "Natan"))/*те, кто по локации*/
    inColor("#464451", new Array("Людовик-Мануэль Гуго", "Яков Штольц", "Philip"))/*НпЦы*/
    inColor("-", new Array(""))

function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a[i].innerHTML==myarray[q]){
a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
}}}}
</script>

<script type="text/javascript">
var text="<right><font color=#770221> Administrator </font> | <font color=#553d44> Moderator </font> | <font color=#514c4d> PR-agent </font><br><font color=#8d7178> VIP </font> | <font color=#25161a> Location-moder </font> | <font color=#464451> NPC </font></center>"
pa=document.getElementById("pun-stats")
pa.style.position = "relative"
pa.innerHTML = "<div style=\"position:absolute; z-index:2; center: 0px; top: 70px; left: 10px; width: 100%;\">"+text+"</div>"+ pa.innerHTML
</script>

<style type="text/css">
#button-spoiler {background-image:url('http://forumupload.ru/uploads/0000/12/13/488-1.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
</style>
<script>
function addSpoiler(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[spoiler]",from))==-1) return str;
if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str;
newpos=str.indexOf("[spoiler]",pos+9)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str;
str=str.substring(0,pos)+makeSpoiler(str.substring(pos+9,pos2))+str.substring(pos2+10,str.length)
if( str.indexOf("[spoiler]")!=-1 && internal==false) str=addSpoiler(str,0,false)
return str}

function makeSpoiler(txt){
txt="<div class=quote-box style='padding:1px'><cite style='width:100%'>Спойлер <input style='width:60px;margin-left:70%;font-size:10px;' type='button' value='Показать' onclick='hideSpoiler(this)'></cite><blockquote style='display:none'>"+txt+"</blockquote></div>"
return txt}

function hideSpoiler(sp){
spoiler=sp.parentNode.parentNode.getElementsByTagName("blockquote")[0]
if(spoiler.style.display=='none'){
spoiler.style.display='inline'
sp.value='Скрыть'}
else{
spoiler.style.display='none'
sp.value='Показать'}}

if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)}}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(19).innerHTML="<img  id=\"button-spoiler\" title=\"Спойлер\" onclick=\"bbcode('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />"
</script>

    <script>
    function addMod(str,from,internal){
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[mod]",from))==-1) return str;
    if((pos2=str.indexOf("[/mod]"),pos+5)==-1) return str;
    newpos=str.indexOf("[mod]",pos+5)
    if(newpos<pos2 && newpos!=-1) str=addMod(str,pos+5,true)
    if((pos2=str.indexOf("[/mod]",pos+5))==-1) return str;
    str=str.substring(0,pos)+makeMod(str.substring(pos+5,pos2))+str.substring(pos2+6,str.length)
    if( str.indexOf("[mod]")!=-1 && internal==false) str=addMod(str,0,false)
    return str}

    function makeMod(txt){
    txt="<br><div style='width:100%;'><div style='border: 1px solid #0084FF;border-left: 4px solid #0084FF;color: #000;border-bottom: 0;font-size: 10px;line-height: 40px;padding-left:10px;vertical-align: middle;'>Сообщение от модератора</div><div style='background: #FAFCFE;border: 1px solid #0084FF;border-left: 4px solid #0084FF;border-top: 0;color: #0084FF;font-weight: bold;padding: 4px;'>"+txt+"</div></div><br>"
    return txt}

    if(document.URL.indexOf("viewtopic.php")!=-1){
    elm=document.getElementById("pun-main").getElementsByTagName("div")
    for(x in elm) if(elm[x].className=="post-content"){
    var post=elm[x]
    post.innerHTML=addMod(post.innerHTML,0,false)}}
    </script>

    <script>
    function addEx(str,from,internal){
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[ex]",from))==-1) return str;
    if((pos2=str.indexOf("[/ex]"),pos+4)==-1) return str;
    newpos=str.indexOf("[ex]",pos+4)
    if(newpos<pos2 && newpos!=-1) str=addEx(str,pos+4,true)
    if((pos2=str.indexOf("[/ex]",pos+4))==-1) return str;
    str=str.substring(0,pos)+makeEx(str.substring(pos+4,pos2))+str.substring(pos2+5,str.length)
    if( str.indexOf("[ex]")!=-1 && internal==false) str=addEx(str,0,false)
    return str}

    function makeEx(txt){
    txt="<br><br><div style='width:100%;'><div style='border: 1px solid red;border-left: 4px solid red;color: #000;border-bottom: 0;font-size: 10px;line-height: 40px;padding-left:10px;vertical-align: middle;'>Строгое предупреждение от администратора</div><div style='background: #FAFCFE;border: 1px solid red;border-left: 4px solid red;border-top: 0;color: red;font-weight: bold;padding: 4px;'>"+txt+"</div></div><br><br>"
    return txt}

    if(document.URL.indexOf("viewtopic.php")!=-1){
    elm=document.getElementById("pun-main").getElementsByTagName("div")
    for(x in elm) if(elm[x].className=="post-content"){
    var post=elm[x]
    post.innerHTML=addEx(post.innerHTML,0,false)}}
    </script>


<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<http://i119.photobucket.com/albums/o158/Emptyness_2006/city2/on.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='http://i119.photobucket.com/albums/o158/Emptyness_2006/city2/off.png' />"}
}
</script>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<!-- Пиар -->
<script type="text/javascript">
    PiarNik="PR агент";
    PiarPas="1234";

    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\"><img src=http://img821.imageshack.us/img821/9663/88963022.png></a></span></li>";
    if($("#navlogin").html()!=null){

    $("#navlogin").after(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
</script>

обновите весь html-верх:

Код:

<style> 
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
  position: absolute;
  left: 50%;
  top: -100px;}
</style>

<style>
#pun-navlinks, #pun-navlinks .container {margin-top: -9px; margin-bottom: 234px; text-align: center;}
<style>

<style type="text/css">
#pun-ulinks .container {
  text-align: center;}

.category .container {
border-color: #d8e4e0;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.category h2 {
border-color: #d8e4e0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
</style>

<style>
#menu {margin-top: 15px;}

#menu span {
text-align: center;
display: block;
margin-bottom: 17px;
padding: 10px;
height: 15px;
width: 80px;}

#submenu, #menu span {
background color: transparent;
opacity: 0.8;}

#menu .tabactive {
opacity: 1;
background: transparent;}

#submenu {
width: 402px;
height: 306px;
padding: 20px;}

.submenutext {
display: none;
text-align: center;}
</style>

<style type="text/css">
.pa-adnote{ text-align: left;}
.pa-from{ text-align: left;}
.pa-reg{ text-align: left;}
.pa-posts{ text-align: left;}
.pa-reputation{ text-align: left;}
.pa-sex{ text-align: left;}
.pa-icq{ text-align: left;}
.pa-ip{ text-align: left;}
.pa-respect{ text-align: left;}
.pa-positive{ text-align: left;}
.pa-online{ text-align: left;}
.pa-age{ text-align: left;}
.pa-mailagent{ text-align: left;}
.pa-reg { text-align: left;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
.pa-time-visit{ text-align: leftt;}
.pa-last-visit{ text-align: left;}
.pa-fld1{ text-align: left;}
.pa-fld2{ text-align: left;}
.pa-fld3{ text-align: left;}
.pa-fld4{ text-align: left;}
.pa-fld5{ text-align: left;}
</style>

<script type="text/javascript">
    //cookies
    function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
    function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}

    var aimg = {
    open: '-',
    close: '+'
    }
    function categorytoggle(el){
    var cat = $(el).parents('div.category');
    cat.children('div.container').toggle('slow');
    el.innerHTML = el.innerHTML == aimg.open ? aimg.close : aimg.open;
    var catc = getcookie(cat.attr('id'));
    catc = catc == 'close' ? 'open' : 'close';
    setcookie(cat.attr('id'),catc,3600*24*30*1000);
    }
    </script>

<!-- Table Top -->
<table style="width: 542px; height: 346px; position: absolute; z-index: 1000; top: 210px; left: 50%; margin-left: -220px;">
 <tbody>
  <tr>
   <td style="width: 100px;" align="right" valign="middle">
    <div id="menu"><b>
<span alt="#sm1" style="cursor: pointer;">Новости</span>
<span alt="#sm2" style="cursor: pointer;">Навигация</span>
<span alt="#sm3" style="cursor: pointer;">В игре</span>
<span alt="#sm4" style="cursor: pointer;">Конкурсы</span>
<span alt="#sm5" style="cursor: pointer;">Реклама</span>
<span alt="#sm6" style="cursor: pointer;">Админы</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT" style="width: 442px;" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" colspan="2">

Приветствуем!

</td>
</tr>
<tr>
<td style="width: 60%;" align="left" valign="top"><br/><br/>

Как и было обещано, форум обновлен.
<br/>
Не забываем за нас голосовать.
<br/>
<a href="http://forum-top.ru/vote/995" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x15_7.gif" alt="Рейтинг форумов Forum-top.ru" /></a><a href="http://top.roleplay.ru/14562" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/top8015_14.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="80" height="15"></a>

</td>
<td style="width: 40%;" align="right" valign="top">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

Мы рады принять в нашу тесную семью как простых игроков, так и модераторов, пиарщиков, аватармейкеров. Всем велкам.

</td>
</tr>
</table>

</div>
     <div id="sm2" class="submenutext">

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" colspan="2">

Для вашего комфорта, дорогие:

</td>
</tr>
<tr>
<td style="width: 50%;" align="center" valign="top"><br/>

| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=79#p2221">Правила</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=54#p777">Краткий сюжет</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=15#p256">FAQ</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=40">G-book</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=44">Вакансии</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=12">Касты</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=6">Расы</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=5">Способности</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewforum.php?id=28">Акции</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=17">Шаблон анкеты</a> |

</td>
<td style="width: 50%;" align="center" valign="top"><br/>

| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=42">Объявления</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=46">Поиск пары</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=126">Фракции</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=43">Отсутствие и уход</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=77">Внешности</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=50">Смена статуса или ника</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=52">Поиск партнера по игре</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=45">Шаблон подписи</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=206">Регистрация НПС</a> |
<br/><br/>
| <a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=47#p763">Необходимые персонажи</a> |
<br/><br/>

</td>
</tr>
</table>

</div>
     <div id="sm3" class="submenutext">

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" colspan="2">

В игре

</td>
</tr>
<tr>
<td style="width: 60%;" align="left" valign="top"><br/><br/>

Недавнее покушение на дирижабле "The last flowering" показало, что никто не может быть в безопасности. Идет расследование. Повстанцы собирают силы и готовятся к первой масштабной акции. Низшие слои населения выказали сочувствие обвиненным на предыдущем допросе.

</td>
<td style="width: 40%;" align="right" valign="top">
<br/><br/><br/><br/><br/><br/><br/><br/>

<b>Сегодня 4 сентября. Среда.</b>
<br/>
Температура все еще летняя: +23 днем, +15 ночью. Прошедший накануне дождь гарантирует легкий туман утром во Втором и Третьем секторах. В остальном - переменная облачность, осадков не предвидится.

</td>
</tr>
</table>

</div>
     <div id="sm4" class="submenutext">

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" colspan="2">

Конкурсы

</td>
</tr>
<tr>
<td style="width: 60%;" align="center" valign="top"><br/><br/>

Игрок месяца:
<br/>
Пост месяца: 
<br/>
Пара месяца: 
<br/>

</td>
<td style="width: 40%;" align="center" valign="top"><br/><br/>

Ждите нового голосования ^_^

</td>
</tr>
</table>

</div>
     <div id="sm5" class="submenutext">

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" colspan="2">

Реклама - двигатель прогресса!

</td>
</tr>
<tr>
<td style="width: 60%;" align="center" valign="top"><br/><br/>

<b>Партнеры</b>
<br/>
<a href="http://paradisecity.rolevaya.ru/viewtopic.php?id=148#p6918">Стать нашим партнером ---></a>
<br/>
<a href="http://immortal.roleforum.ru/"><img src="http://s013.radikal.ru/i322/1012/08/91f2ff29c640.gif" width=88 height=31 border=0 alt="Immortal-City: When the shackles will be broken"></a>
<a href="http://venlian.2bb.ru/"><img src="http://s2.itrash.ru/idb/e41bdae0ce94514f5b463c873891bcc5/obaner-mal-2.jpg" title="Steampunk.Механика Власти" border="0" width="88" height="31"></a>
<a href="http://theprincessofvampires.rolka.su" target=_blank><img src="http://s018.radikal.ru/i510/1201/af/44cef92dc642.gif" border="0" title="Мирная Война между расами демонов, вампиров и людей" width="88" height="31"></a>
<a href="http://queerasfolk.mybb.by/" title="Близкие друзья. Последняя история" target="_blank"><img src="http://10pix.ru/img1/4073/5609755.gif" width="88" height="31"></a>
<a href="http://tvdimmortalstory.rolka.su/" title="TVD: Immortal Story" target="_blank"><img src="http://10pix.ru/img1/1946/7102521.jpg"></a>
<a target="_blank" href="http://bbcsherlock.mybb.ru/"><img src="http://uploads.ru/i/T/L/Z/TLZRH.gif" title="SHERLOCK"></a>
<br/><br/><br/>
<a href="http://paradisecity.rolevaya.ru/pages/banners"><b>Баннеры</b></a>

</td>
<td style="width: 40%;" align="center" valign="top"><br/><br/>

<b>Топы</b>
<br/>
Голосуйте за нас ежедневно!
<br/>
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t22.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet-->
<br/>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=13071' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=13071&cid=concept_5.gif";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=13071&cid=concept_5.gif" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript></a>
<br/>
<a href="http://top.roleplay.ru/14562" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
<br/>
<a href="http://forum-top.ru/vote/995" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru"/></a>

<br/><br/>
</td>
</tr>
</table>

</div>
     <div id="sm6" class="submenutext">

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" colspan="2">

Администрация

</td>
</tr>
<tr>
<td style="width: 60%;" align="center" valign="top">

<a href=http://paradisecity.rolevaya.ru/profile.php?id=2><img src="http://s44.radikal.ru/i103/1206/6c/d332764162f7.png"/></a>
<br/>
<a href=http://paradisecity.rolevaya.ru/profile.php?id=20><img src="http://s45.radikal.ru/i108/1206/f6/b022a62d2911.png"/></a>

</td>
<td style="width: 40%;" align="center" valign="top">

<a href=http://paradisecity.rolevaya.ru/profile.php?id=3><img src="http://s019.radikal.ru/i643/1206/fa/8beacc30106e.png"/></a>
<br/>
<a href=http://paradisecity.rolevaya.ru/profile.php?id=128><img src="http://s018.radikal.ru/i502/1206/b2/e4f21ed8c114.png"/></a>

</td>
</tr>
</table>

</div>
</div>

</td>
</tr>
</tbody>
</table>
<!-- End -->

Отредактировано Rion Leonheart (Чт, 14 Июн 2012 06:02:54)

Поделиться663Чт, 14 Июн 2012 06:16:29

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Serena90 написал(а):

можно мне такую же табличку как в посте 118?

Ну возьмите из ответного поста, да поставьте... некогда листать до 118 поста.

Serena90 написал(а):

желательно таблу без границ и текст по центру в каждой ячейке таблицы, изображение тоже по центру.

Код:

<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;" align="center" valign="top">

Левая колонка

</td>
<td style="width: 50%;" align="center" valign="top">

Центральная колонка

</td>
<td style="width: 25%;" align="center" valign="top">

Правая колонка

</td>
</tr>
</table>

Поделиться664Чт, 14 Июн 2012 06:20:27

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Raihan написал(а):

Размер кнопок получился разный. Переделать или это не принципиально?

Это оч принципиально. У каждой пикчи кнопки должно совпадать два параметра - ширина и высота. Иначе пропорциональной таблицы не будет.

Возьмите самую длинную кнопку и подгоните все остальные под ее ширину. И на некоторых кнопках удалите лишние полосы, чтобы не накладывались на цвет форума.

Поделиться665Чт, 14 Июн 2012 06:22:22

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Tapira, я не понял, администация - стоит справа от слайдера, или идет пятым слайдом?

Размеры картинок администации и картинки стрелочек в студию.

Поделиться666Чт, 14 Июн 2012 06:26:35

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Disickrut написал(а):

бегунок прокрутки в слайдах контента)

ок, контрольный вопрос - мне нужно знать хотя бы точные размеры картинок стелок, которые вы собираетесь вставлять.

Поделиться667Чт, 14 Июн 2012 11:59:39

Автор: `тихая
Заслуженный
Зарегистрирован: Пн, 31 Янв 2011
Сообщений: 56
Уважение: +1
Позитив: +5
Последний визит:
Чт, 6 Июн 2013 18:18:57

Rion Leonheart
отвечу за Disickrut , примерно 18 на 40

Поделиться668Чт, 14 Июн 2012 12:36:19

Автор: Raihan
Заслуженный
Зарегистрирован: Пн, 4 Июн 2012
Сообщений: 17
Уважение: 0
Позитив: 0
Последний визит:
Сб, 4 Май 2013 17:07:25

Тогда так. Ширина 157, высота 57.

Свернутый текст

http://s1.ipicture.ru/uploads/20120614/G3oA1EW8.png - фон
http://s1.ipicture.ru/uploads/20120614/GMbx7i3J.png 1
http://s1.ipicture.ru/uploads/20120614/6N7hc4dy.png 2
http://s1.ipicture.ru/uploads/20120614/KZJ92IT4.png 3
http://s1.ipicture.ru/uploads/20120614/0JQQXOLq.png 4
http://s1.ipicture.ru/uploads/20120614/nY7foYRa.png 5
http://s1.ipicture.ru/uploads/20120614/xN24dM9i.png 6

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

Свернутый текст

Ширина 157, высота 68
http://s1.ipicture.ru/uploads/20120614/wdJHSWVj.png
http://s1.ipicture.ru/uploads/20120614/VoyUhh1s.png
http://s1.ipicture.ru/uploads/20120614/1eF43Uoo.png
http://s1.ipicture.ru/uploads/20120614/9SW9iYbf.png
http://s1.ipicture.ru/uploads/20120614/wVMm53ES.png
http://s1.ipicture.ru/uploads/20120614/2UraIJjf.png

Отредактировано Raihan (Чт, 14 Июн 2012 12:44:22)

Поделиться669Чт, 14 Июн 2012 13:05:37

Автор: Serena90
Заслуженный
Зарегистрирован: Пн, 23 Янв 2012
Сообщений: 9
Уважение: 0
Позитив: 0
Последний визит:
Пт, 10 Авг 2012 12:51:04

Rion Leonheart написал(а):

Ну возьмите из ответного поста, да поставьте... некогда листать до 118 поста.

вот как на картинке только верхняя ячейка будет картинкой без текста в шапке таблицы

Каждая кнопка - контейнер, должна выводить информацию на свободное табло в центре между кнопками. Там будет много текста, поэтому нужна проктрутка. От кнопок желателен отступ пикселей в десять с каждой стороны
Размер "шапки" таблицы 800х100 (тоже будет собственническая)
Размер кнопок - 200х100 можно меньше, чтоб была возможность замены картинки кнопки на собственную

Поделиться670Чт, 14 Июн 2012 19:35:36

Автор: Tapira
Стремящийся
Зарегистрирован: Чт, 14 Июн 2012
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Ср, 20 Июн 2012 22:25:14

Rion Leonheart написал(а):

я не понял, администация - стоит справа от слайдера, или идет пятым слайдом?

справа от слайдера.

Rion Leonheart написал(а):

Размеры картинок администации и картинки стрелочек в студию.

Админы: 65*65 px
Стрелки: 13х20 px
http://uploads.ru/i/X/Q/q/XQqg8.png
http://uploads.ru/i/y/b/r/ybrmE.png

Поделиться671Пт, 15 Июн 2012 10:45:07

Автор: Captain Morgan
Заслуженный
Зарегистрирован: Вт, 25 Окт 2011
Сообщений: 43
Уважение: 0
Позитив: +3
Последний визит:
Чт, 10 Мар 2016 17:51:45

Доброго времени суток!
Можно заказать два варианта таблицы?
Первая.

Размеры 810 х 285 пикс.
Поле с прокруткой только по середине. Маленькие нижние поля заполнены обычным текстом. Хотелось бы, что бы текст был выровнен по середине.
Вторая
По сути, такая же как и первая, только в центре вместо прокрутки слайдер с 3 контейнерами (слайдами). Ссылка
Ссылка на форум

Отредактировано Captain Morgan (Пт, 15 Июн 2012 10:49:33)

Поделиться672Сб, 16 Июн 2012 23:30:07

Автор: `тихая
Заслуженный
Зарегистрирован: Пн, 31 Янв 2011
Сообщений: 56
Уважение: +1
Позитив: +5
Последний визит:
Чт, 6 Июн 2013 18:18:57

Rion Leonheart
только нужно чтобы этот слайдер можно было вставлять в шапку

Поделиться673Вс, 17 Июн 2012 13:57:28

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Serena90,

обновите весь html-верх

Код:

<!--шапка-->
<div id="logoup"></div>

<!--двигаем рекламу-->
<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 50%; margin-left: -234px; top: 345px;}
</style>


<!-- Иконки сообщений -->
<style type="text/css">
.punbb tbody.hasicon td.tcl {
  padding-left: 2.1em;
  }

.punbb table Div.icon {
  float: left;
  display: block;
  width: 80px;
  height: 80px;
  background: url("http://s017.radikal.ru/i424/1206/c4/1db9a3d507d5.gif") no-repeat;
  position: relative;
  border: none;
  padding-right: 10px;}

TR.inew Div.icon {background: url("http://s07.radikal.ru/i180/1206/f7/77f5a6e64a64.gif") no-repeat;}
TR.isticky Div.icon {background: url("http://s42.radikal.ru/i095/1006/21/6e7ff2fea78d.png") no-repeat;}
TR.iclosed Div.icon {background: url("http://i038.radikal.ru/1206/7f/e7d655c0bf44.gif") no-repeat;}
TR.iredirect Div.icon {background: url("http://uploads.ru/i/O/Y/V/OYV9r.gif") no-repeat;}
</style>

<style type="text/css">
#pun-stats ul.container {
  background: transparent url(http://s13.rimg.info/1ba4811699afab6d55ccc82c464d5152.gif) no-repeat 0px 0px; 
  padding-left: 135px;}
</style>


<!-- Announcement-style -->
<style type="text/css">
#pun-announcement .container {padding: 0em; padding-top: 1em;}

#menu-lef, #menu-rig {margin-top: 1px;}

#menu-lef span, #menu-rig span {
width: 123px;
height: 43px;
display: block;
margin-bottom: 2px;}

#submenu {
padding: 3px;
height: 170px;
width: 480px;}

.submenutext {
display: none;
text-align: center;
height: 160px;
overflow-y: auto;
padding: 5px;}

.submenutext {border: 1px dashed #000;}
</style>
<!-- End -->

<!-- Инфо-Панель:"КТО-ГДЕ" в HTML Верх -->
<style id="MePanel">#myINfO{display:none;}</style>
<link id="iNFpanel" rel="stylesheet" href="http://hostjs-mybb2011.narod.ru/css/iNFpanelWHOWHERE.css" type="text/css"/><script src="http://hostjs-mybb2011.narod.ru/js/iNFpanelWHOWHERE.js"></script>
<!--END/ Инфо-Панель:"КТО-ГДЕ" в HTML Верх -->

обновите весь html-низ

Код:

<script type="text/javascript">
var arr = document.links;
for (j in arr) {
if (arr[j].innerHTML == "Новая тема")
arr[j].innerHTML = "<img src='http://uploads.ru/i/x/T/a/xTay7.png' />"
else if (arr[j].innerHTML == "Новый опрос")
arr[j].innerHTML = "<img src='http://uploads.ru/i/8/b/a/8baLc.png' />"
}
</script>


<script><!--Оставляем цифру Новых сообщений. -->
var clr=($("#navpm a").css("color"));var chng="&nbsp;(";
var subs="</span><span style=\"color:"+clr+";\" id=\"news_messag\">(";
$("#navpm a").html($("#navpm a").html().replace(chng,subs));
$("#news_messag").appendTo("#navpm");
</script>

<script><!--Своя картинка или Слово в Панель навигации -->
var Img_Word=0;
   navlinks=new Array(
  "navindex","http://uploads.ru/i/R/m/n/RmnxV.png",                       // Форум
  "navuserlist","http://uploads.ru/i/z/m/h/zmh7F.png",                    // Участники
  "navrules","http://xmages.net/storage/10/1/0/f/5/upload/e3c70d03.png",  // Правила
  "navsearch","http://uploads.ru/i/G/o/N/GoNfm.png",                      // Поиск
  "navprofile","http://uploads.ru/i/t/7/r/t7rd3.png",                     // Профиль
  "navpm","http://uploads.ru/i/a/X/t/aXtWO.png",                          // Сообщения
  "navadmin","http://uploads.ru/i/m/E/X/mEXrO.png",                       // Администрирование
  "navregister","http://uploads.ru/i/5/k/c/5kcSm.png",                    // Регистрация
  "navlogin","http://uploads.ru/i/n/S/G/nSGzF.png",                       // Войти
  "navlogout","http://uploads.ru/i/n/d/r/ndrl1.png"                       // Выход - !ПОСЛЕДНИЙ элемент без запятой
)

var s,i;for (i=0; i < navlinks.length; i++){s=navlinks[i+1];
   if(!Img_Word){s='<img class="navlinks" src="'+s+'" border="0" />'}
   $("#"+navlinks[i]+" a").html("<span>"+s+"</span>");i++;}
</script>



<!-- Выделение кода, удобно, не грузит -->
<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>


<!-- Скрипт переключения вкладок в объявлении -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu-lef span, div.#menu-rig span").click(function() {
    $("div.#menu-lef span, div.#menu-rig span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>


<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
<img src="http://uploads.ru/i/S/1/j/S1jXp.png"></a><div style="display: none">
Наш БАННЕР
<br/>
<a href="http://prostosm.rolka.su"><img src="http://uploads.ru/t/P/2/r/P2rSZ.gif" border="0"/></a>
<br/>
Наши ТОПы & Баннеры:
<br/>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=15584' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=15584&cid=counter2007_10.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=15584&cid=counter2007_10.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript></a>
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t52.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров и"+
" посетителей за 24 часа' "+
"border='0' width='88' height='31'><\/a>")
//--></script>
<!--/LiveInternet-->
<a href='http://wizardtop.ru/in.php?id=1546' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/18.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<!-- Rating@Mail.ru counter -->
<script type="text/javascript">//<![CDATA[
var a='',js=10;try{a+=';r='+escape(document.referrer);}catch(e){}try{a+=';j='+navigator.javaEnabled();js=11;}catch(e){}
try{s=screen;a+=';s='+s.width+'*'+s.height;a+=';d='+(s.colorDepth?s.colorDepth:s.pixelDepth);js=12;}catch(e){}
try{if(typeof((new Array).push('t'))==="number")js=13;}catch(e){}
try{document.write('<a href="http://top.mail.ru/jump?from=2209076">'+
'<img src="http://d5.cb.b1.a2.top.mail.ru/counter?id=2209076;t=219;js='+js+a+';rand='+Math.random()+
'" alt="Рейтинг@Mail.ru" style="border:0;" height="31" width="88" \/><\/a>');}catch(e){}//]]></script>
<noscript><p><a href="http://top.mail.ru/jump?from=2209076">
<img src="http://d5.cb.b1.a2.top.mail.ru/counter?js=na;id=2209076;t=219" 
style="border:0;" height="31" width="88" alt="Рейтинг@Mail.ru" /></a></p></noscript>
<!-- //Rating@Mail.ru counter -->
<a href="http://anime-club.info/top100/in?id=11331" target="_blank"><IMG src="http://anime-club.info/top100/img/logo.gif?" border="0" alt="http://anime-club.info/top100/"></a>
<a href="http://top.roleplay.ru/17876" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x6.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
<a href="http://sailorwars.spybb.ru/" target="_blank"><img src="http://s48.radikal.ru/i119/0910/96/29add96e075a.jpg"></a>
<a href="http://forum-top.ru/vote/1069" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru"/></a>
<a href="http://99problems.artbb.ru/" target="_blank"><img src="http://uploads.ru/i/K/l/N/KlNJh.png" border="0"></a>
<a href="http://whitepiar.ru" title="Здесь может быть ваша реклама!" target=_blank><img src="http://forumstatic.ru/files/0010/0e/ae/72982.gif" border="0" alt="White PR"></a>

</div></div>


<!-- Цветовыделение ников -->
<script type="text/javascript">
        inColor("#FF0000", new Array("Michirel Antelik", "Усяша"))
        inColor("#660066", new Array("Death", "Uranium", "Минако Аино"))
        inColor("#000099", new Array("", "Nephrite"))
        function inColor(color, myarray){
        var a=document.links
        for(i=0;i<a.length;i++){
        for(q=0;q<myarray.length;q++){
        if(a[i].innerHTML==myarray[q]){
        a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
        }}}}
        </script>


<script type="text/javascript">
PiarNik="Реклама";
PiarPas="1212";

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\"><img title=\"Быстрый вход для 'Пиарщиков'\" src=\"http://s58.radikal.ru/i162/1203/ab/0daeeea1f814.png\"/></span></a></li>";
if($("#navlogin").html()!=null){

$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

в объявление вместо старого после того, как заполните

Код:

<!-- Table -->
<center><table style="width: 760px;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
<td colspan="3" align="center">

<img style="width: 760px; width: 100%; margin-bottom: -2px;" src="link"/>

</td>
  </tr>
  <tr>
   <td align="center" style="width: 130px;">
    <div id="menu-lef">
<span alt="#sm1" style="cursor: pointer;"><img src="http://uploads.ru/t/F/s/e/FsewG.png"/></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/t/F/s/e/FsewG.png"/></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://uploads.ru/t/F/s/e/FsewG.png"/></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://uploads.ru/t/F/s/e/FsewG.png"/></span>
    </div>
   </td>
   <td id="MenuTxT" style="width: 500px;" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

Контент первой кнопки

</div>
     <div id="sm2" class="submenutext">

Контент второй кнопки

</div>
     <div id="sm3" class="submenutext">

Контент третьей кнопки

</div>
     <div id="sm4" class="submenutext">

Контент четвертой кнопки

</div>
     <div id="sm5" class="submenutext">

Контент пятой кнопки

</div>
     <div id="sm6" class="submenutext">

Контент шестой кнопки

</div>
     <div id="sm7" class="submenutext">

Контент седьмой кнопки

</div>
     <div id="sm8" class="submenutext">

Контент восьмой кнопки

</div>
</div>
</td>
   <td align="center" style="width: 130px;">
    <div id="menu-rig">
<span alt="#sm5" style="cursor: pointer;"><img src="http://uploads.ru/t/F/s/e/FsewG.png"/></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://uploads.ru/t/F/s/e/FsewG.png"/></span>
<span alt="#sm7" style="cursor: pointer;"><img src="http://uploads.ru/t/F/s/e/FsewG.png"/></span>
<span alt="#sm8" style="cursor: pointer;"><img src="http://uploads.ru/t/F/s/e/FsewG.png"/></span>
    </div>
   </td>
</tr>
</tbody>
</table></center>
<!-- End -->

НЕ удалите СЛУЧАЙНО кусок от скрипта инфо-панели "Кто-где", который стоит в самом верху в объявлении.

Поделиться674Вс, 17 Июн 2012 14:27:47

Автор: Serena90
Заслуженный
Зарегистрирован: Пн, 23 Янв 2012
Сообщений: 9
Уважение: 0
Позитив: 0
Последний визит:
Пт, 10 Авг 2012 12:51:04

Rion Leonheart
спасибо огромное) очень выручили)

Поделиться675Вс, 17 Июн 2012 14:42:00

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Disickrut/`тихая,

html-верх

Код:

<div style="position: absolute; z-index: 100; top: 65px; left: 50%; margin-left: -420px;">

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:340px;
height:225px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:304px;
  height:225px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:284px; /* На двадцать пикселей меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:225px;
  text-align: center;
}
.control {
  display:block;
  width:18px;
  height:40px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:92px;
  left:0;
  background:transparent url(http://uploads.ru/i/M/Y/u/MYu8W.jpg) no-repeat 0 0;
}
#rightControl {
  top:92px;
  right:0;
  background:transparent url(http://uploads.ru/i/D/z/Q/DzQ6a.jpg) no-repeat 0 0;
}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">
Первый
      </div>
<div class="slide">
Второй
      </div>
<div class="slide">
Третий
      </div>
<div class="slide">
Четвертый
      </div>
</div></div><!--End// Cлайдер-->

</div>

html-низ

Код:

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 304;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

Disickrut написал(а):

подробно напишете, как убрать одно окошко, если оно не понадобится

<div id="slideshow">
<div id="slidesContainer">
<div class="slide">
Первый слайд
</div>
<div class="slide">
Второй
</div>
<div class="slide">
Третий
</div>
<div class="slide">
Четвертый
</div>
</div></div>

</div>

красным цветом - delete, если добавить еще один слайд, этот же кусок размножаем до потери пульса.

Отредактировано Rion Leonheart (Вс, 17 Июн 2012 14:44:05)

Поделиться676Вс, 17 Июн 2012 16:11:51

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Raihan, вот нет тут смайлика "фэйспалм", но если бы он был, я бы поставил штуки три и знак бесконечности... ваш стиль сожрал у меня суточный трафик...

Тем не менее,

Администрирование - > Настройки -> html-верх:

Код:

<!-- Стиль объявление -->
<style>	
#pun-announcement .container {padding-top: 1em; padding-left: 0em;}

#menu {margin-top: 14px; margin-left: 57px;}

#menu span {
width: 157px;
height: 57px;
display: block;
margin-bottom: 12px;}

#submenu {
margin-top: 9px;
margin-left: 3px;
padding: 3px;
height: 409px;
width: 518px;}

.submenutext {
display: none;
text-align: center;
height: 390px;
padding: 10px;
overflow-y: auto;}
</style>
<!-- Конец стиль объявления -->

Администрирование - > Настройки -> html-низ:

Код:

<!-- Скрипт переключения вкладок в объяве -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Администрирование - > Настройки -> Объявление (показывать - да)

Код:

<!-- Сама таблица -->
<center><table style="width: 800px; height: 434px; background: transparent url(http://s1.ipicture.ru/uploads/20120614/G3oA1EW8.png) 0 0 no-repeat;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td valign="top" align="left" style="width: 220px;">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s1.ipicture.ru/uploads/20120614/GMbx7i3J.png"/></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s1.ipicture.ru/uploads/20120614/6N7hc4dy.png"/></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s1.ipicture.ru/uploads/20120614/KZJ92IT4.png"/></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s1.ipicture.ru/uploads/20120614/0JQQXOLq.png"/></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s1.ipicture.ru/uploads/20120614/nY7foYRa.png"/></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://s1.ipicture.ru/uploads/20120614/xN24dM9i.png"/></span>
    </div>
   </td>
   <td id="MenuTxT" style="width: 580px;" align="left" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой кнопки -->


Контент первой кнопки


<!-- End -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй кнопки -->


Контент второй кнопки


<!-- End -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей кнопки -->


Контент третьей кнопки


<!-- End -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой кнопки -->


Контент четвертой кнопки


<!-- End -->
</div>
     <div id="sm5" class="submenutext">
<!-- Контент пятой кнопки -->


Контент пятой кнопки


<!-- End -->
</div>
     <div id="sm6" class="submenutext">
<!-- Контент шестой кнопки -->


Контент шестой кнопки


<!-- End -->
</div>
</div>
</td>
</tr>
</tbody>
</table></center>
<!-- Конец таблицы -->

Поделиться677Вс, 17 Июн 2012 16:23:09

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Tapira,
а) неверно указан адрес форума.
б) скажите, а вас случайно не Drop of Poison | TVD вдохновил на таблицу?

Поделиться678Вс, 17 Июн 2012 16:42:25

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Captain Morgan написал(а):

Можно заказать два варианта таблицы?

А смысл, если вы будете использовать только один - второй?

Поделиться679Вс, 17 Июн 2012 17:38:43

Автор: Captain Morgan
Заслуженный
Зарегистрирован: Вт, 25 Окт 2011
Сообщений: 43
Уважение: 0
Позитив: +3
Последний визит:
Чт, 10 Мар 2016 17:51:45

Rion Leonheart написал(а):

А смысл, если вы будете использовать только один - второй?

ну это надо посмотреть. хD Но вообще, да. хD Ну если что, вы скажите, как сделать прокрутку. Я там сама пороюсь если приспичит. хD

Поделиться680Пн, 18 Июн 2012 00:10:42

Автор: Tapira
Стремящийся
Зарегистрирован: Чт, 14 Июн 2012
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Ср, 20 Июн 2012 22:25:14

Rion Leonheart На момент заполнения было верно, Ссылка )) именно что он, но поскольку "сделайте как там" кричать было нельзя пришлось рисовать схему, только вот мне бы все на одном уровне, а не как там)

Отредактировано Tapira (Пн, 18 Июн 2012 00:14:14)

Страница: « 1 … 32 33 34 35 36 … 50 »

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Таблицы на заказ (14)

Сообщений 661 страница 680 из 1000

Поделиться661Чт, 14 Июн 2012 00:53:02

Поделиться662Чт, 14 Июн 2012 06:02:13

Поделиться663Чт, 14 Июн 2012 06:16:29

Поделиться664Чт, 14 Июн 2012 06:20:27

Поделиться665Чт, 14 Июн 2012 06:22:22

Поделиться666Чт, 14 Июн 2012 06:26:35

Поделиться667Чт, 14 Июн 2012 11:59:39

Поделиться668Чт, 14 Июн 2012 12:36:19

Поделиться669Чт, 14 Июн 2012 13:05:37

Поделиться670Чт, 14 Июн 2012 19:35:36

Поделиться671Пт, 15 Июн 2012 10:45:07

Поделиться672Сб, 16 Июн 2012 23:30:07

Поделиться673Вс, 17 Июн 2012 13:57:28

Поделиться674Вс, 17 Июн 2012 14:27:47

Поделиться675Вс, 17 Июн 2012 14:42:00

Поделиться676Вс, 17 Июн 2012 16:11:51

Поделиться677Вс, 17 Июн 2012 16:23:09

Поделиться678Вс, 17 Июн 2012 16:42:25

Поделиться679Вс, 17 Июн 2012 17:38:43

Поделиться680Пн, 18 Июн 2012 00:10:42