Новое
На Зефире прошла небольшая реорганизация. Подробности читайте в теме Вестника

● Смена дизайна! Выражаем благодарность tørst vinden!

Зефир

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

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


Вы здесь » Зефир » Архив выполненной верстки » [Таблица] Doctor Who Time Crach


[Таблица] Doctor Who Time Crach

Сообщений 1 страница 17 из 17

1

1. Название ролевой, ссылка:
http://timecrash.rolka.su/
Doctor Who Time Crach
2. Что требуется:
обращусь еще за одной помощью к вам, уважаемые  8-)
помогите заполнить таблицу и текстами) я в этих таблицах не шарю совсем) и куда и как под какими кодами вставлять тоже) можно как нибудь заполнить пустые ячейки словами: текст, текст, текст?))
просто, как нибудь вставить)у меня вечно выходят ошибки(
3. Дополнительно:
а во второй ячеке если можно указать места на важные ссылки и картинки)просто вроде где должно стоять *ссылка* *картинка* ?))

0

2

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

0

3

Нафаня,  я не смогу это пояснить ибо не знаю как хд)можно скинуть пример с какого нибудь сайта?))
хорошо, подождем:3

0

4

Блэйк написал(а):

можно скинуть пример с какого нибудь сайта?))

Да, конечно)

0

5

Нафаня, простите, что так долго))
http://woodstocktown.rusff.me/ можно почти как тут?)

0

6

Блэйк написал(а):

http://woodstocktown.rusff.me/ можно почти как тут?)

Думаю можно. Ждем Джи)

0

7

Нафаня, спасибо, жду))

0

8

:jumping:

0

9

Блэйк, Мы все еще ждем нашу Джи)

0

10

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

0

11

Блэйк, доброго времени суток! Еще актуально?

0

12

Простите что долго отвечала) да актуально)

0

13

Блэйк, я разобралась с Вашей таблицей.
Сейчас вопрос касательно наполнения: нужно ли делать деление на колонки в каких-либо вкладках и что в какой вкладке у вас должно быть?
То есть, например, первая вкладка: новости, деление на два столбика

пример

новости

навигация или что-то другое

Вторая вкладка: [контент], без разделения на таблицу (т.е. столбики) и все в том духе. Если Вам что-то непонятно из написанного, то не бойтесь уточнять и переспрашивать : )

Отредактировано `Nancy Beatlejuice (2014-06-25 12:21:23)

0

14

`Nancy Beatlejuice, я не знаю на счет этого оо
даже толком не понимаю хд)вот вы как видите в таблице?) это будет удобно?))

0

15

Блэйк, я приверженец таблиц (это компактно и красиво), но поскольку Вы не можете определиться, я предлагаю Вам два варианта расположения контента в таблице, но сначала разберемся непосредственно с самими настройками таблицы.

Во-первых, убираем вот это из HTML-верх:

Свернутый текст
Код:
<style>


#menu span {
padding: 97px 15px 97px; 
margin-right: 45px;
margin: 44px 20px;
background: url("http://funkyimg.com/i/HwYm.png") no-repeat transparent;


width: 130px;
text-decoration: none;
color: #eed7b8;
font-size:13px;
border
padding: 47px 15px 47px; 
}
#menu .tabactive {
color: #eed7b8;
background: url("http://funkyimg.com/i/Hwuv.png") no-repeat transparent;
padding: 97px 15px 97px; 
}

#submenu {
padding: 5px;
height: 250px;
text-align: left;
font-size: 12px;
width: 750px;
margin-top: -27px;
}

.submenutext {
text-align: center!i;
background: url("http://funkyimg.com/i/HwYp.png") no-repeat transparent;  
position:absolute;
width:100%;
height:108%;
width: 750px!important;
display: none; 
height: 250px;
margin-top: -30px;
}
.submenutext img{
width: 750px!important;
margin-top: -27px;
}
.bgdiv {
background:url(http://funkyimg.com/i/HxjV.png) right top repeat-y;
position:relative;
text-align: left;
width:100%;
height:108%;
margin-top: -27px;
}
</style>

А вот это помещаете в: "Администрирование -> Свой стиль -> Цвета style_cs.css", в самый низ второго окна. Никакие настройки не трогать!

Свернутый текст
Код:
#menu span {
border: 0px;
background: transparent;
margin: 2px;
padding: 5px;
}
width: 130px;
padding: 47px 15px 47px; 
}
#menu .tabactive {
color: #000;
background: url("http://funkyimg.com/i/Hwuv.png") no-repeat transparent;
padding: 97px 45px 97px; 
}
#submenu {
padding: -25px;
height: 250px;
text-align: center;
font-size: 12px;
width: 750px;
margin-top: -7px;
}
.submenutext {
background: url("http://funkyimg.com/i/HxjV.png") no-repeat transparent;  
position: absolute;
width:100%;
height:108%;
width: 750px!important;
display: none; 
height: 275px;
}
.submenutext img{
width: 500px!important;
}

.bgdiv {
background:url() right top no repeat;
position:relative;
width:670px;
height:265px;
margin-top: 33px;
padding-top: 25px;
padding-left: 30px;
}

В Настройках в объявлении заменяете то, что там стоит сейчас вот на этот код таблицы. 

Свернутый текст
Код:
<center><table style="width: 500px; text-align: center;">
<tbody>
  <tr>
   <td align="center">
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;"><img src=http://funkyimg.com/i/HwYm.png></span>
<span alt=#sm2 "style="cursor: pointer;"><img src=http://funkyimg.com/i/HwYm.png></span>
<span alt=#sm3 "style="cursor: pointer;"><img src=http://funkyimg.com/i/HwYm.png></span>
<span alt=#sm4 "style="cursor: pointer;"><img src=http://funkyimg.com/i/HwYm.png></span>
           </b>
    </div>
   </td>
  </tr>
  <tr align="center">
   <td id="MenuTxT"  valign="top"  style="height: 250px"; "margin-left: 30px";>
    <div id="submenu" width="100%"> 
     <div id="sm1" class="submenutext" style="display:block;">
<div class="bgdiv">
ТЕКСТ ПЕРВАЯ ВКЛАДКА
</div>
</div>
     <div id="sm2" class="submenutext">
<div class="bgdiv">
ТЕКСТ ВТОРАЯ ВКЛАДКА
</div>
</div>
      <div id="sm3" class="submenutext">
<div class="bgdiv">
ТЕКСТ ТРЕТЬЯ ВКЛАДКА
</div>
</div>
     <div id="sm4" class="submenutext">
<div class="bgdiv">
ТЕКСТ ЧЕТВЕРТАЯ ВКЛАДКА
</div>
</div>
     <div id="sm5" class="submenutext">
<div class="bgdiv"> ТЕКСТ ПЯТАЯ ВКЛАДКА
</div>
</div>
</div>
   </td>
</tr>
</tbody>
</table></center>

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

Свернутый текст
Код:
<center><table style="width: 500px; text-align: center;">
<tbody>
  <tr>
   <td align="center">
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;"><img src=http://funkyimg.com/i/HwYm.png></span>
<span alt=#sm2 "style="cursor: pointer;"><img src=http://funkyimg.com/i/HwYm.png></span>
<span alt=#sm3 "style="cursor: pointer;"><img src=http://funkyimg.com/i/HwYm.png></span>
<span alt=#sm4 "style="cursor: pointer;"><img src=http://funkyimg.com/i/HwYm.png></span>
           </b>
    </div>
   </td>
  </tr>
  <tr align="center">
   <td id="MenuTxT"  valign="top"  style="height: 250px"; "margin-left: 30px";>
    <div id="submenu" width="100%"> 
     <div id="sm1" class="submenutext" style="display:block;">
<div class="bgdiv">
<table width="100%" border="0"><tr><td width="29%" rowspan="2">
ВКЛАДКА №1, ПЕРВЫЙ СТОЛБИК ТАБЛИЦЫ<BR>
текст текст текст
</div>
</td>

<td width="34%" rowspan="2">
ВКЛАДКА №1, ВТОРОЙ СТОЛБИК ТАБЛИЦЫ<BR>
текст текст текст
</td>
</tr></table>
</div>
</div>
     <div id="sm2" class="submenutext">
<div class="bgdiv">
<table width="100%" border="0"><tr><td width="29%" rowspan="2">
ВКЛАДКА №2, ПЕРВЫЙ СТОЛБИК ТАБЛИЦЫ<BR>
текст текст текст
</div>
</td>

<td width="34%" rowspan="2">
ВКЛАДКА №2, ВТОРОЙ СТОЛБИК ТАБЛИЦЫ<BR>
текст текст текст
</td>
</tr></table>
</div>
</div>
      <div id="sm3" class="submenutext">
<div class="bgdiv">
<table width="100%" border="0"><tr><td width="29%" rowspan="2">
ВКЛАДКА №3, ПЕРВЫЙ СТОЛБИК ТАБЛИЦЫ<BR>
текст текст текст
</div>
</td>

<td width="34%" rowspan="2">
ВКЛАДКА №3, ВТОРОЙ СТОЛБИК ТАБЛИЦЫ<BR>
текст текст текст
</td>
</tr></table>
</div>
</div>
     <div id="sm4" class="submenutext">
<div class="bgdiv">
<table width="100%" border="0"><tr><td width="29%" rowspan="2">
ВКЛАДКА №4, ПЕРВЫЙ СТОЛБИК ТАБЛИЦЫ<BR>
текст текст текст
</div>
</td>

<td width="34%" rowspan="2">
ВКЛАДКА №4, ВТОРОЙ СТОЛБИК ТАБЛИЦЫ<BR>
текст текст текст
</td>
</tr></table>
</div>
</div>
</div>
   </td>
</tr>
</tbody>
</table></center>

Если у Вас возникнут какие-то вопросы или проблемы с кодом, то смело можете обращаться в эту тему!
С уважением!

+1

16

`Nancy Beatlejuice, простите, что так долго отвечала.( на счет таблицы...спасибо! еще не вставляли, но спасибо большое за помощь 8-)

0

17

http://zephyr.f-rpg.ru/files/0013/e6/99/52870.png
Спасибо, Блэйк, что воспользовались нашими услугами! Если вам понравилась работа Верстальщика или же наоборот, оставьте свой отзыв в теме "Отзывы заказчиков о выполненной работе", нам важно знать ваше мнение.

0


Вы здесь » Зефир » Архив выполненной верстки » [Таблица] Doctor Who Time Crach


Рейтинг форумов | Создать форум бесплатно