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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)


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

Сообщений 461 страница 480 из 1000

461

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

ЗЫ. делаете шапку со смазаными краями - мажьте по бокам тоже, потому что у людей с разрешением монитора больше вашего шапка слева и справа резко обрывается в зелетый фон.

да, у меня тоже такая проблема, на ноуте расшерение шире..
За диз спасибо, очень приятно, старалась) А с шапкой, подумаем)

По воводу таблицы, сасибо вооольшое, все супер как хотели, иденственное, а можете подогнать что бы было тут растояние одинаковое?)
http://uploads.ru/i/K/7/w/K7wN9.jpg

0

462

Ой и забыла спросить, а как картинки делать кликабельными? Вернее куда там вставлять ссылку на акк а куда ссылку на картинку?  :blush:

0

463

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

#Leftbar {
      margin-left: -210px;
    }

Двигает левую таблицу.

Картинка-ссылка:

<a href="ссылка на тему"><img src="ссылка на пикчу"></a>

0

464

Rion Leonheart
Огромная благодарность!  http://mybb.ru/f/collection/0211.gif

0

465

Rion Leonheart
огромнейшее спасибо)))
как будет возможность, обязательно плюсик поставлю))

0

466

Shiro-San,

html-верх:

Код:
<style type="text/css">
#pun-announcement .container {padding-top: 1em}

#mybrd {
background: #b9c1b1;
border: 1px solid;
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}

#mybrd-l {
background: #b9c1b1;
border: 1px solid;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -khtml-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
}

#mybrd-r {
margin-right: 5px;
background: #b9c1b1;
border: 1px solid;
border-left: none;
    border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -khtml-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
}

.splLink {width: 216px; height: 36px;}
.splCont {height: 200px; width: 200px; background: #b9c1b1; z-index: 1000; margin: 5px 0 0 10px; border: 1px solid;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;} 

.splLinkPRT {width: 185px; height: 48px;}
.splContPRT {height: 100px; width: 200px; background: #b9c1b1; z-index: 1000; margin: 5px 0 0 -5px; border: 1px solid; padding: 10px;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;} 
</style>

Объявление:

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

<table style="width: 50%;">
<tr>
<td style="width: 25%;" align="center">

<DIV><div class=splLink><img src="http://uploads.ru/i/e/y/N/eyNVo.png"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<div id="yoblako1" align="center"><noindex>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание1</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание2</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание3</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание4</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание5</a>
</noindex></div>

</DIV></DIV>
</td>
<td style="width: 25%;" align="center">
<DIV><div class=splLink><img src="http://uploads.ru/i/d/7/y/d7yuz.png"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<div id="yoblako2" align="center"><noindex>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание12</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание22</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание32</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание42</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание52</a>
</noindex></div>

</DIV></DIV>
</td>
</tr>
</table></center>

</td>
</tr>
<tr>
<td style="width: 30%;" align="center" valign="top">
<div id="mybrd-l">
<div style="width: 98%; height: 300px; overflow-y: auto; margin: 5px;">

<img src="http://uploads.ru/i/1/h/z/1hzjM.png">

<br/><br/>

text

</div>
</div>
</td>
<td style="width: 50%;" align="center" valign="top">
<div id="mybrd-r">
<div style="width: 98%; height: 300px; overflow-y: auto; margin: 5px;">

<img src="http://uploads.ru/i/q/S/o/qSoFk.png">

<br/><br/>

text

</div>
</div>
</td>
<td style="width: 20%;" align="center" valign="top">
<div id="mybrd">
<div style="width: 96%; height: 250px; overflow-y: auto; margin: 5px;">

<img src="http://uploads.ru/i/p/e/D/peDt0.png">

<br/><br/>

text

</div>
</div>

<DIV><div class=splLinkPRT><img src="http://uploads.ru/i/0/Z/5/0Z5x6.png"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splContPRT>
<div style="width: 100%; height: 100px; overflow-y: auto;">

<b>Наши лучшие друзья</b>
<br/>
<a href="http://bleachzknr.mybb.ru/" target=_blank><img src="http://bleach-z.ru/uploads/000e/9d/8b/41815-1.gif" title="FRPG: Bleach. Zero kara no rekishi"></a>  <a href="http://bleacheds.rolbb.ru"><img title="Bleach. Dark City." src="http://uploads.ru/i/R/Y/6/RY6Lz.png" border="0"/></a>
<br/><br/>
<b>Наши партнеры</b>
<br/>
<a href="http://urchoice.ru/" target="_blank"><img src="http://forumstatic.ru/files/000b/09/4f/76237.gif"></a>
<a href="http://roleclub.rusff.ru/" target="_blank"><img src="http://forumupload.ru/uploads/000f/f7/3a/4005-1.png" title="Role Club - форум, посвящённый ролевым играм."/></a>
<a href="http://bleachelp.rusff.ru/" target=_blank><img src="http://forumstatic.ru/files/000f/9e/30/97893.gif" title="BLEACH HELP"></a>
<a href="http://sailorwars.spybb.ru/" target="_blank"><img src="http://s48.radikal.ru/i119/0910/96/29add96e075a.jpg"></a>
<a href="http://bleachpandora.mybb.ru/"><img src="http://s12.radikal.ru/i185/1202/d4/2916987e6f75.gif"></a>
<a href="http://youngstage.hutt.ru/" target="_blank"><img src="http://uploads.ru/i/F/x/B/FxBZS.png"/></a>

</div>
</DIV></DIV>

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

html-низ:

Код:
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink,.splLinkPRT').click(function(){
      $(this).parent().children('div.splCont,div.splContPRT').toggle('normal');
      return false;
    });
  });
</script>

<script type="text/javascript" src="http://upload.wesky.ru/_ld/1/147_swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '12';
flashvars.maxFontSize = '19';
flashvars.tcolor = '0x000000';
flashvars.tcolor2 = '0x000000';
flashvars.hicolor = '0x000000';
flashvars.distr = 'true';
flashvars.tspeed = '100';
eTagz = document.getElementById('yoblako1').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako1';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako1', '190', '190', '9.0.0', false, flashvars, params, attributes);

eTagz = document.getElementById('yoblako2').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
attributes.id = 'yoblako2';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako2', '190', '190', '9.0.0', false, flashvars, params, attributes);
</script>

Отредактировано Rion Leonheart (Вс, 13 Май 2012 01:40:26)

0

467

Добрый день. Можно мне что-нибудь подобное с прозрачными границами? :blush:
http://uploads.ru/i/p/K/h/pKhCW.png

Отредактировано Лягушатинка (Вс, 13 Май 2012 12:52:01)

0

468

Rion Leonheart
А можно ли сделать шрифт побольше? Слишком мелкий.

0

469

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

А можно ли сделать шрифт побольше?

А можно ссылку на форум с установленной таблицей и уточнением - где побольше? Заголовки и без того - ого какие.

0

470

Лягушатинка, ссылку на форум.

0

471

Rion Leonheart
http://virda.mybb.ru/

0

472

Лягушатинка, как-то так:

Код:
<div style="position: absolute; z-index: 1000; top: 50px; left: 50%; margin-left: -375px; width: 200px; height: 120px; overflow-y: auto; text-align: justify; color: #fff;">

<center><b>Приветствие</b></center>
<br/>

text text text text

</div>

<style>
#mytbstyle h3{font-size: 16px; font-weight: bold; font-family: 'times new roman'; margin: 8px;}

.splLink {width: 120px; height: 30px; text-align: center;}
.splCont {height: 130px; width: 220px; overflow-y: auto; background: transparent; padding: 5px; z-index: 1000; margin: 1px 0 0 10px; text-align: center;}
</style>

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

<DIV><div class=splLink><h3>Важная инфа</h3></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

cсылки

</DIV></DIV>

</td>
<td style="width: 33%;" align="center" valign="top">
<div style="width: 100%; height: 200px; overflow-y: auto;">

<h3>События в игре</h3>

текст

</div>
</td>
<td style="width: 33%;" align="center" valign="top">
<div style="width: 100%; height: 200px; overflow-y: auto;">

<h3>Объявления</h3>

текст

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

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

0

473

Rion Leonheart
Большое спасибо)

Отредактировано Shiro-san (Вс, 13 Май 2012 18:46:22)

0

474

Можно мне вот такую таблицу:
http://uploads.ru/i/n/5/K/n5KDL.jpg
Это контейнер с вкладками, а можно сделать вот такой эффект выплывания: http://lothland.ru/  если нет, то не надо ) Высота окна с контентом 200 пикс, ширина 520 пикс. высота всего контейнера, вместе с фоном 220 пикс, ширина 860 пикс. ширина кнопок 256 пикс, высота 24 пикс. Очень важно чтобы они были расположены так, как показано на рисунке, то есть, чтобы линии  совпадали.
Вот картинка для фона http://uploads.ru/i/I/Y/9/IY9Xq.jpg
Ссылки будут картинками. Ссылки при наведении и активные ссылки выглядят одинаково.

Картинки для простых/не активных ссылок :
1. http://uploads.ru/i/D/P/a/DPaxw.jpg
2. http://uploads.ru/i/2/A/F/2AFkK.jpg
3. http://uploads.ru/i/O/h/H/OhHGx.jpg
4. http://uploads.ru/i/Q/y/m/Qymwx.jpg
5. http://uploads.ru/i/N/i/v/NivDw.jpg

Картинки для активных ссылок и ссылок при наведении :
1. http://uploads.ru/i/h/l/L/hlL8O.jpg
2. http://uploads.ru/i/p/b/k/pbk28.jpg
3. http://uploads.ru/i/u/p/D/upDER.jpg
4. http://uploads.ru/i/A/E/7/AE7f9.jpg
5. http://uploads.ru/i/o/J/D/oJDTp.jpg

ссылка на форум http://ness.mybb.ru/

0

475

Rion Leonheart
благодарю :surprise:

0

476

А хотя... пораскинем оставшимися мозгами  :whistle:

Отредактировано Rion Leonheart (Вс, 13 Май 2012 20:41:28)

+1

477

Астра,

попробуйте в объявление вставить:

Код:
<style>	
#pun-announcement .container {height: 380px;}

#menu {padding-top: 21px; padding-left: 25px;}

#menu span {
width: 256px;
height: 24px;
display: block;
margin-bottom: 12px;
color: transparent;}

#menu span.bttn_1{background: transparent url(http://uploads.ru/i/D/P/a/DPaxw.jpg) center no-repeat;}
#menu span.bttn_2{background: transparent url(http://uploads.ru/i/Q/y/m/Qymwx.jpg) center no-repeat;}
#menu span.bttn_3{background: transparent url(http://uploads.ru/i/O/h/H/OhHGx.jpg) center no-repeat;}
#menu span.bttn_4{background: transparent url(http://uploads.ru/i/2/A/F/2AFkK.jpg) center no-repeat;}
#menu span.bttn_5{background: transparent url(http://uploads.ru/i/N/i/v/NivDw.jpg) center no-repeat;}

#menu span.bttn_1:hover{background: transparent url(http://uploads.ru/i/h/l/L/hlL8O.jpg) center no-repeat;}
#menu span.bttn_2:hover{background: transparent url(http://uploads.ru/i/A/E/7/AE7f9.jpg) center no-repeat;}
#menu span.bttn_3:hover{background: transparent url(http://uploads.ru/i/u/p/D/upDER.jpg) center no-repeat;}
#menu span.bttn_4:hover{background: transparent url(http://uploads.ru/i/p/b/k/pbk28.jpg) center no-repeat;}
#menu span.bttn_5:hover{background: transparent url(http://uploads.ru/i/o/J/D/oJDTp.jpg) center no-repeat;}

#menu span.bttn_1.tabactive{background: transparent url(http://uploads.ru/i/h/l/L/hlL8O.jpg) center no-repeat;}
#menu span.bttn_2.tabactive{background: transparent url(http://uploads.ru/i/A/E/7/AE7f9.jpg) center no-repeat;}
#menu span.bttn_3.tabactive{background: transparent url(http://uploads.ru/i/u/p/D/upDER.jpg) center no-repeat;}
#menu span.bttn_4.tabactive{background: transparent url(http://uploads.ru/i/p/b/k/pbk28.jpg) center no-repeat;}
#menu span.bttn_5.tabactive{background: transparent url(http://uploads.ru/i/o/J/D/oJDTp.jpg) center no-repeat;}

#submenu {
padding-top: 23px;
padding-left: 22px;
height: 180px;
width: 510px;}

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

<table style="width: 860px; height: 218px; position: relative; z-index: 1000; top: 180px; background: transparent url(http://uploads.ru/i/I/Y/9/IY9Xq.jpg) top center no-repeat;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td id="MenuTxT" align="left" valign="top" style="width: 550px;">
    <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>
</td>
   <td align="left" valign="top" style="width: 310px;">
    <div id="menu">
<span class="bttn_1" alt="#sm1" style="cursor: pointer;">Новости/объявления</span>
<span class="bttn_2" alt="#sm2" style="cursor: pointer;">Вселенная</span>
<span class="bttn_3" alt="#sm3" style="cursor: pointer;">Для игроков</span>
<span class="bttn_4" alt="#sm4" style="cursor: pointer;">Для гостей</span>
<span class="bttn_5" alt="#sm5" style="cursor: pointer;">Реклама</span>
    </div>
   </td>
</tr>
</tbody>
</table>

<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").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide();
    $("div."+activeDiv).show();
    return false; });
});
</script>

+1

478

Rion Leonheart
да, все отлично!! огромнейшее вам спасибо ))

0

479

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

А можно ссылку на форум с установленной таблицей и уточнением - где побольше? Заголовки и без того - ого какие.

Побольше сам текстик, не заголовок.) http://aloc.mybb.ru - моё творенье х)

0

480

Niogara,

.submenutext {
display: none;
text-align: center;
font-size: 16px;
height: 450px;}

Дописываете красную строчку в код объявления. Число 16 крутите в любую сторону.

Отредактировано Rion Leonheart (Пн, 14 Май 2012 20:28:14)

0


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)