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

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

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


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


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

Сообщений 381 страница 400 из 1000

381

профессор миллер

Код:
<table style="background:transparent;border:none;" align="center" valign="top" width="90%" height="100%" cellpadding="1" cellspacing="1"><tr><td>Администраторы, модераторы</td><td>Предметы в волшебной лавке</td><td>Вопрос дня</td></tr></table>
<table style="background:transparent;border:none;" align="center" valign="top" width="90%" height="400px" cellpadding="1" cellspacing="1"><tr><td><img src="Ссылка на изображение, не выше чем 400px">
</td></tr></table>
<table style="background:transparent;border:none;" align="center" valign="top" width="90%" height="100%" cellpadding="1" cellspacing="1"><tr><td>Праздники</td><td>Выходные дни</td><td>Учебные дни</td></tr></table>

0

382

профессор миллер, так проще будет - в объявление:

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

#mytblstl h3 {font-size: 14px; font-weight: bold; font-family: 'times new roman';}
</style>

<table id="mytblstl" style="width: 100%;" cellpadding="0" cellspacing="0" border="1">
<tr>
<td style="width: 33%;" align="center">

<h3>Администраторы, модераторы</h3>
<br/>
текст текст текст

</td>
<td style="width: 33%;" align="center">

<h3>Предметы в волшебной лавке</h3>
<br/>
текст текст текст

</td>
<td style="width: 33%;" align="center">

<h3>Вопрос дня</h3>
<br/>
текст текст текст

</td>
</tr>
<tr>
<td align="center" colspan="3">

<img style="margin: 0 0 -2px 0;" src="ссылка на картинку">

</td>
</tr>
<tr>
<td align="center">

<h3>Праздники</h3>
<br/>
текст текст текст

</td>
<td align="center">

<h3>Выходные дни</h3>
<br/>
текст текст текст

</td>
<td align="center">

<h3>Учебные дни</h3>
<br/>
текст текст текст

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

Отредактировано Rion Leonheart (Сб, 5 Май 2012 22:24:02)

0

383

Rion Leonheart
:flag:

(ксать - последние два скрипта - забавны - первый могет вклеить любой выделенный кусок чужой страницы фреймом - к примеру чей то плеер - видео или игру (второй - копирование в буфер (хвастаюсь

http://forum.mybb.ru/viewtopic.php?id=2 … 45#p758542

Отредактировано Deff (Сб, 5 Май 2012 22:32:11)

0

384

Господа, скажите в данном простеньком слайдере - Таблицы на заказ (13) - можно ли задать изначальное отображение не первого контейнера, а второго например?

Имеем три слайда, мне нужно чтобы изначально отображался центральный.

>_< заранее спасибо~

Отредактировано Kuro Saito (Вс, 6 Май 2012 00:37:23)

0

385

Kuro Saito, а местами поменять содержимое слайдов?  :question:

Отредактировано Rion Leonheart (Вс, 6 Май 2012 11:38:26)

0

386

Deff:shine:

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

(хвастаюсь

:)  полезная вещь, особенно копирование в буфер **

0

387

Martele,

1. Обновляете полностью html-верх на такой:

Код:
<table border=0 width="380px" height="200px" style="text-align: justify; position: absolute; margin-left: 420px; top: 80px; background-color: transparent;" border: none; font-family: arial; font-size: 11px; line-height: 4px; margin: 1px;><tr align=center><td width="380px" height=200px"> 
Доброго Времени Суток, Мы рады приветствовать Вас на ролевой "Дневники Будущего: Третья Игра"
Коротко о главном: Наш форум совсем ещё молодой, почти неделя от роду. Но для игры всё уже готово. Как только количество тем в "Принятых Анкетах" достигнет числа Четыре, стартует первый квест. Нам нужны игроки. Срочно и Полностью.<br>
Так же хочу попросить о взаимном Пиаре, Мы это любим, дэсу~<br>
Так же мы появились в первом топе ^o^ Так что жмакаем каждый день и набираем обороты!<br>
А так, живём и процветаем, дорогие Наши, Живём и процветаем!
</td></tr></table> 

<style type="text/css">
#pun-announcement h2 span {display: none}
#pun-announcement .container {padding-top: 2em}

#menu {
margin-top: 3px;}

#menu span {
width: 130px;
height: 30px;
text-align:center;
display: block;
margin-bottom: 3px;
padding: 10px 0 10px 0;}

#menu .tabactive {
border-color: #fff;}

#submenu {
padding: 0px;
width: 98%;}

.submenutext {
display: none;
text-align: center;
height: 222px;}

#menu span, .submenutext {
border: 1px dashed #000;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;}

.mytbles h3 {font-size: 16px; font-weight: bold; font-family: 'Book Antiqua';}
</style>

2. Обновляете полностью 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>

<script type="text/javascript" src="http://www.ujs.su/JS/system/jquery.cookie.js"></script>

<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

<style type="text/css">
.pa-adnote{ text-align: center;}
.pa-from{ text-align: center;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
</style>

<style type="text/css">
.lastedit {display:none}
</style>

<!-- Почта -->
<script language="JavaScript">
var str = new String(document.getElementById("navpm").innerHTML)
var str2 = new String(document.location)

if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) )
{
alert("Танцуй, детка, танцуй")

}
</script>
<!-- Конец почты -->

<script type="text/javascript">
var qt = document.getElementById("pun-main").getElementsByTagName("cite");
for(var i=0;i<qt.length;i++){
if (qt[i].innerHTML.indexOf("написал(а):")!=-1){
qt[i].innerHTML=qt[i].innerHTML.slice(0,-11) + "пишет:";
}}
</script>

<script type="text/javascript">
            inColor("#3b2b5b", new Array("Silence"))


            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>

3. Новое объявление:

Код:
<center><table class="mytbles" style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center" style="width: 130px;">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://uploads.ru/i/4/J/D/4JD8K.png" alt="ссылки"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/i/q/H/9/qH9Z3.png" alt="админы"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://uploads.ru/i/b/t/l/btleL.png" alt="в игре"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://uploads.ru/i/b/r/f/brfcs.png" alt="баннеры"></span>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<table style="width: 100%; height: 100%;" border="0">
<tr>
<td style="width: 33%;" align="center" valign="top">

<h3>Гостям:</h3>

<br/><br/>

<a href="http://mnttg.anihub.ru/viewtopic.php?id=21#p22">Правила;</a><br/><br/>
<a href="http://mnttg.anihub.ru/viewtopic.php?id=4">Список Ролей;</a><br/><br/>
<a href="http://mnttg.anihub.ru/viewtopic.php?id=3">Сюжет;</a><br/><br/>
<a href="http://mnttg.anihub.ru/viewtopic.php?id=2#p27">Гостевая Книга;</a><br/><br/>
<a href="http://mnttg.anihub.ru/viewtopic.php?id=11">Шаблон Анкеты;</a><br/><br/>
<a href="http://mnttg.anihub.ru/viewforum.php?id=7">Акции.</a>

</td>
<td style="width: 33%; border-left: 1px dashed #000; border-right: 1px dashed #000;" align="center" valign="top">

<h3>Пиарщикам:</h3>

<br/><br/>

<a href="ссылка">Название</a><br/><br/>
<a href="ссылка">Название</a><br/><br/>
<a href="ссылка">Название</a><br/><br/>
<a href="ссылка">Название</a>

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

<h3>Игрокам:</h3>

<br/><br/>

<a href="ссылка">Название</a><br/><br/>
<a href="ссылка">Название</a><br/><br/>
<a href="ссылка">Название</a><br/><br/>
<a href="ссылка">Название</a><br/><br/>
<a href="ссылка">Название</a>

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

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

<table style="width: 100%; height: 100%;" border="0">
<tr style="height: 50%;">
<td style="width: 50%; border-right: 1px dashed #000;" align="center" valign="top">

<img style="width: 60px;" src="http://s1.ipicture.ru/uploads/20120501/qbpJRURO.png">
<br/>
<a href="http://mnttg.anihub.ru/profile.php?id=2">Silence</a>
<br/>
Главный <s>Слоупок</s> Администратор всея Форума. 
<br/>
Любит плюшки и чаёк. 
<br/>
Кусается больно, но нЭжно.

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

<img style="width: 60px;" src="http://s1.ipicture.ru/uploads/20120501/qbpJRURO.png">
<br/>
<a href="http://mnttg.anihub.ru/profile.php?id=2">Silence</a>
<br/>
Главный <s>Слоупок</s> Администратор всея Форума. 
<br/>
Любит плюшки и чаёк. 
<br/>
Кусается больно, но нЭжно.

</td>
</tr>
<tr style="height: 50%;">
<td style="border-top: 1px dashed #000;" align="center" colspan="2">

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

<img style="width: 50px;" src="http://s1.ipicture.ru/uploads/20120501/qbpJRURO.png">
<br/>
<a href="ссылка на профиль">Имя</a>

</td>
<td style="width: 33%;" align="center">

<img style="width: 50px;" src="http://s1.ipicture.ru/uploads/20120501/qbpJRURO.png">
<br/>
<a href="ссылка на профиль">Имя</a>

</td>
<td style="width: 33%;" align="center">

<img style="width: 50px;" src="http://s1.ipicture.ru/uploads/20120501/qbpJRURO.png">
<br/>
<a href="ссылка на профиль">Имя</a>

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

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

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

<table style="width: 100%; height: 100%;" border="0">
<tr>
<td style="width: 50%; border-right: 1px dashed #000;" align="center" valign="top">

<h3>Погода</h3>
<br/>
текст текст текст текст

<br/><br/>

<h3>Время в игре</h3>
<br/>
текст текст текст текст

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

<h3>Активные квесты</h3>

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

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

<table style="width: 100%; height: 100%;" border="0">
<tr style="height: 50%;">
<td style="width: 40%; border-right: 1px dashed #000;" align="center" valign="top" rowspan="2">

<h3>Объявление:</h3>
<br/><br/>
текст текст текст текст

</td>
<td style="width: 60%; border-bottom: 1px dashed #000;" align="center" valign="top">

<h3>Партнёры:</h3>
<br/><br/>
баннеры

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

<h3>Наш Баннер + Топы</h3>
<br/><br/>
баннеры

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

</div>
</div>
</td>
</tr>
</tbody>
</table></center>

Отредактировано Rion Leonheart (Вс, 6 Май 2012 14:33:48)

0

388

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

а местами поменять содержимое слайдов?

Эмм, намёк понят, но ну нужно чтобы от центрального слайда была стрелка налево и направо. Оо''' Но не кольцевой. >_<

Вопрос не принципиален, просто интересно. Это из разряда "ну, можно же", но "сам сделать не смог".

0

389

Kuro Saito написал(а):

чтобы от центрального слайда была стрелка налево и направо. Оо'''

:D тема неактуальная, так что без понятия

Kuro Saito написал(а):

Но не кольцевой. >_<

А почему не он - как вариант же?

Kuro Saito написал(а):

Вопрос не принципиален, просто интересно

Тряхните Спросите Deff'а (он же правил тот скрипт слайдера) - может ответит, при его желании и возможностях, может и сделать  :D

Отредактировано Rion Leonheart (Вс, 6 Май 2012 18:39:36)

+1

390

Rion Leonheart
Мимими, она великолепна *О*
Большущее Спасибо :з

0

391

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

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#mytblstl h3 {font-size: 14px; font-weight: bold; font-family: 'times new roman';}
</style>

<table id="mytblstl" style="width: 100%;" cellpadding="0" cellspacing="0" border="1">
<tr>
<td style="width: 33%;" align="center">

<h3>Администраторы, модераторы</h3>
<br/>
текст текст текст

</td>
<td style="width: 33%;" align="center">

<h3>Предметы в волшебной лавке</h3>
<br/>
текст текст текст

</td>
<td style="width: 33%;" align="center">

<h3>Вопрос дня</h3>
<br/>
текст текст текст

</td>
</tr>
<tr>
<td align="center" colspan="3">

<img style="margin: 0 0 -2px 0;" src="ссылка на картинку">

</td>
</tr>
<tr>
<td align="center">

<h3>Праздники</h3>
<br/>
текст текст текст

</td>
<td align="center">

<h3>Выходные дни</h3>
<br/>
текст текст текст

</td>
<td align="center">

<h3>Учебные дни</h3>
<br/>
текст текст текст

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

==============
спасибо большущие
а то сама я бы никак
можете мне еще картинку сделать

Отредактировано профессор миллер (Пн, 7 Май 2012 13:09:29)

0

392

http://uploads.ru/t/j/h/G/jhGOw.jpg

сможете

я просто не поняла как ее вставлять

Отредактировано профессор миллер (Пн, 7 Май 2012 13:21:22)

0

393

профессор миллер,

ну обновите объявление

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

#mytblstl h3 {font-size: 14px; font-weight: bold; font-family: 'times new roman';}
</style>

<table id="mytblstl" style="width: 100%;" cellpadding="0" cellspacing="0" border="1">
<tr>
<td style="width: 33%;" align="center">

<h3>Администраторы, модераторы</h3>
<br/>
текст текст текст

</td>
<td style="width: 33%;" align="center">

<h3>Предметы в волшебной лавке</h3>
<br/>
текст текст текст

</td>
<td style="width: 33%;" align="center">

<h3>Вопрос дня</h3>
<br/>
текст текст текст

</td>
</tr>
<tr>
<td align="center" colspan="3">

<img style="width: 100%; margin: 0 0 -2px 0;" src="http://uploads.ru/i/G/E/D/GEDN9.jpg">
</td>
</tr>
<tr>
<td align="center">

<h3>Праздники</h3>
<br/>
текст текст текст

</td>
<td align="center">

<h3>Выходные дни</h3>
<br/>
текст текст текст

</td>
<td align="center">

<h3>Учебные дни</h3>
<br/>
текст текст текст

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

0

394

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

Ссылка на форум: http://bezgrani4nyemyryi.anihub.ru/

1. Рис. 1 – основные параметры таблицы
http://s017.radikal.ru/i432/1205/6d/d98b301d3b5at.jpg
- Таблица без границ и заливки. Фон таблицы – картинка, кнопки переключения вкладок таблицы – картинки, что при наведении курсора меняются на другую картинку аналогичного размера.

2. Рис. 2 – Основные параметры вкладки № 1
http://s002.radikal.ru/i200/1205/8c/9006297114bat.jpg

3. Рис. 3 – основные параметры вкладки № 2
http://s019.radikal.ru/i619/1205/10/386e9605f861t.jpg

4. Рис. 4 –основные параметры вкладки № 3
http://s019.radikal.ru/i612/1205/e8/f7150ece5ca1t.jpg
- Картинки-ссылки при наведении курсора меняются на другую картинку аналогичного размера. В первом столбце – 2 ссылки, во втором столбце – 6 ссылок, в третьем столбце – 2 ссылки.

5. Рис. 5. основные параметры вкладки № 4
http://s018.radikal.ru/i515/1205/69/0098957dc3c6t.jpg

6. Кнопка № 5 – картинка, при нажатии на которую будет осуществлен переход на страницу с необходимым описанием, а не на вкладку в таблице.

Ниже привожу примеры форумов с таблицами. Все оформление всенепременно будет иным! Это только примеры, что стали источником вдохновения.
1. http://dalar.nc-21.ru/
2. http://alarion.rolka.su/
3. Пример страницы для пункта 6 - http://alarion.rolka.su/pages/admin-sostav Буду премного благодарна, коли подскажете, как создать и оформить такую страницу.

Заранее большое спасибо!
С уважением и почтением,
Селена Де Мор Вилл.

Отредактировано Селена Де Мор Вилл (Пн, 7 Май 2012 18:11:20)

0

395

Добрый день, помогите с созданием такой таблицы:
1) Эскиз: схема.
Вообще текст будет располагаться поверх картинки, место для текста выделено: таблица.
2) Ссылка.
3) Границы и сам фон задний выставить могу, мне нужны расположение всех строчек и столбцов и их атрибуты.

Отредактировано Bordum (Пн, 7 Май 2012 16:58:44)

0

396

1) http://s019.radikal.ru/i617/1204/76/425d6d2b94a1t.jpg
2) Ссылка
3) таблица должна быть по-середине. при нажатие окна не всплывали, а менялись, где нарисован текст.

Я настроила форум. теперь цвета там появляются

0

397

Bordum, а мне бы чистую не разлинованную картинку фона?

0

398

Rion Leonheart
В плане без обводки? Вот.

0

399

ХиХи,

в объявление:

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

#menu {margin: 0px;}

#menu span {
font-size: 16px;
font-family: 'courier new';
padding: 5px 0 5px 0;
margin: 0px;
width: 80%;
display: block;}

#menu .tabactive {
font-weight: bold;
border-width: 2px;}

#submenu {padding: 0px;}

.submenutext {
display: none;
text-align: center;
height: 200px;
width: 98%;}

#menu span, .mytabula {
border: 1px solid #000;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;}
</style>

<center><table class="mytabula" style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center">
    <div id="menu">
<table style="width: 100%;">
<tr>
<td style="width: 25%;" align="center">
<span alt="#sm1" style="cursor: pointer;">Начало</span>
</td>
<td style="width: 25%;" align="center">
<span alt="#sm2" style="cursor: pointer;">Навигация</span>
</td>
<td style="width: 25%;" align="center">
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
</td>
<td style="width: 25%;" align="center">
<span alt="#sm4" style="cursor: pointer;">Квесты</span>
</td>
</tr>
</table>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

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

</div>

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

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

</div>

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

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

</div>

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

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

</div>
   </td>
</tr>
 </tbody>
</table></center>

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

0

400

Селена Де Мор Вилл написал(а):

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

Дизайн by Mrak/Селена Де Мор Вилл © Все права защищены от 08.05.2011

Так дизайнер-то в итоге - вы?

0


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