[таблица] Эридиум. Островная империя

Страница: 1

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

Поделиться12014-07-06 12:44:54

Автор: BlackSimuran
Полупепел. Полукрик. Полуптица.
Зарегистрирован: 2014-07-02
Приглашений: 0
Сообщений: 58
Уважение: [+6/-0]
Позитив: [+26/-0]
Пол: Женский
Провел на форуме:
2 дня 5 часов
Последний визит:
2016-08-06 16:10:35

1. Название ролевой, ссылка:
Erydium. Island Empire
- http://erydium.f-rpg.ru/
- http://testnateni.rusff.me/viewforum.php?id=1 (тестовик дизайна, ещё не всё доделано, но тона будут такими же)

2. Что требуется:
Таблица по готовым намёткам.

Корявые наброски

3. Дополнительно:
- прокрутка должна появляться лишь в том случае, если текст не влезает в размер окна;
- текст в рамке - картинка, т.е. текст на прозрачном фоне;
- вместо изображений желательно уже сейчас поставить вот эти: 100х100 и120х120;
- переключение между вкладками - похожее на то, как сделано здесь.

Поделиться22014-07-15 17:35:26

Автор: Fly
Участник
Зарегистрирован: 2014-07-15
Приглашений: 0
Сообщений: 98
Уважение: [+15/-0]
Позитив: [+5/-0]
Пол: Женский
Провел на форуме:
1 день 23 часа
Последний визит:
2016-08-16 06:01:06

BlackSimuran, доброго времени.
Если заказ актуален, могу взять. С условием, что надписи-картинки Вы сделаете сами. ~~(я с планшета)~~

Поделиться32014-07-15 18:35:59

Автор: BlackSimuran
Полупепел. Полукрик. Полуптица.
Зарегистрирован: 2014-07-02
Приглашений: 0
Сообщений: 58
Уважение: [+6/-0]
Позитив: [+26/-0]
Пол: Женский
Провел на форуме:
2 дня 5 часов
Последний визит:
2016-08-06 16:10:35

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

Поделиться42014-07-15 18:39:56

Автор: Fly
Участник
Зарегистрирован: 2014-07-15
Приглашений: 0
Сообщений: 98
Уважение: [+15/-0]
Позитив: [+5/-0]
Пол: Женский
Провел на форуме:
1 день 23 часа
Последний визит:
2016-08-16 06:01:06

BlackSimuran, через недельку я смогу отдельно в Лс скинуть, если совсем никак.
Раз заказ актуален, то принимаю. Завтра к обеду будет готово .)

Поделиться52014-07-15 18:44:56

Автор: BlackSimuran
Полупепел. Полукрик. Полуптица.
Зарегистрирован: 2014-07-02
Приглашений: 0
Сообщений: 58
Уважение: [+6/-0]
Позитив: [+26/-0]
Пол: Женский
Провел на форуме:
2 дня 5 часов
Последний визит:
2016-08-06 16:10:35

Fly, если не смогу сама, то сообщу Вам обязательно)

Поделиться62014-07-17 18:51:53

Автор: Fly
Участник
Зарегистрирован: 2014-07-15
Приглашений: 0
Сообщений: 98
Уважение: [+15/-0]
Позитив: [+5/-0]
Пол: Женский
Провел на форуме:
1 день 23 часа
Последний визит:
2016-08-16 06:01:06

BlackSimuran, Извиняюсь за задержку, некоторые проблемы были)
Если будут проблемы или вопросы - задавайте, чем смогу помогу

Объявление

Код:

<table border="0" cellpadding="6" cellspacing="1" style=" ">
	<tbody>
    <tr>
    	<td>
    <div id="w_h">
        <div id="hello">
        	<div id="img_welcome"><img src="">
            <div>
            	<div id="text_welcome">текст</div>
        	         </div>
        	</div>


        	<div id="img_need"><img src="">
<table border="0" cellpadding="1" cellspacing="1" style="width: 250px; height: 250px;">
    <tbody>
    	<tr>
        <td><img src="http://s006.radikal.ru/i213/1407/a5/847a2d997eff.jpg"></td>
        <td><img src="http://s006.radikal.ru/i213/1407/a5/847a2d997eff.jpg"></td>
    	</tr>
    	<tr>
        <td><img src="http://s006.radikal.ru/i213/1407/a5/847a2d997eff.jpg"></td>
        <td><img src="http://s006.radikal.ru/i213/1407/a5/847a2d997eff.jpg"></td>
    	</tr>
    </tbody>
	</table>
        	</div>
        </div>
    </div>
    	</td>

    	<td>
    	<div id="links">
    <a class="tvm" href="#" target="">ссылка</a>
    <a class="tvm" href="#" target="">ссылка</a>
    <a class="tvm" href="#" target="">ссылка</a>
    <a class="tvm" href="#" target="">ссылка</a>
    <a class="tvm" href="#" target="">ссылка</a>
    	</div>
    	</td>

    	<td>
<center><table id="VeRTABLe">
<tbody>
  <tr id="slid_t">
   
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 

     <div id="sm1" class="submenutext" style="display: block;">
            <img src="#"><p>
        <img src="http://s006.radikal.ru/i213/1407/a5/847a2d997eff.jpg"> <img src="http://s006.radikal.ru/i213/1407/a5/847a2d997eff.jpg"> <img src="http://s006.radikal.ru/i213/1407/a5/847a2d997eff.jpg"> 
<br>
            <img src="#"> 
         <div id="game">
Текст сейчас в игре
         </div>
      </div>

     <div id="sm2" class="submenutext" style="display: none;"><br><br>
            <img src="#"></img>
        <div>Текст к картинке</div>

            <img src="#"></img>
        <div>Текст к картинке</div>

            <img src="#"></img>
        <div>Текст к картинке</div>

            <img src="#"></img>
        <div>Текст к картинке</div>

            <img src="#"></img>
        <div>Текст к картинке</div>

            <img src="#"></img>
        <div>Текст к картинке</div>
     </div>

     <div id="sm3" class="submenutext" style="display: none;"><br><br>
<table border="0" cellpadding="1" cellspacing="1" style="width: 250px; height: 250px;">
	<tbody>
    <tr>
    	<td style="text-align: center;">
        <p><img src="http://i056.radikal.ru/1407/76/49beeafc76a5.jpg"></p>
        <p>Имя</p>
        <p>связь</p>
        <p>должность</p>
    	</td>
    	<td style="text-align: center;"><img src="http://i056.radikal.ru/1407/76/49beeafc76a5.jpg">
        <div>
        	<p>Имя</p>
        	<p>связь</p>
        	<p>должность</p>
        </div>
    	</td>
    </tr>
    <tr>
    	<td style="text-align: center;"><img src="http://i056.radikal.ru/1407/76/49beeafc76a5.jpg">
        <div>
        	<p>Имя</p>
        	<p>связь</p>
        	<p>должность</p>
        </div>
    	</td>
    	<td style="text-align: center;"><img src="http://i056.radikal.ru/1407/76/49beeafc76a5.jpg">
        <div>
        	<p>Имя</p>
        	<p>связь</p>
        	<p>должность</p>
        </div>
    	</td>
    </tr>
	</tbody>
</table>

     </div>

     <div id="sm4" class="submenutext" style="display: none;"><br><br>
<table border="0" cellpadding="1" cellspacing="1" style="width: 250px; height: 250px;">
	<tbody>
    <tr>
    	<td style="text-align: center;">
        <p>Имя</p>
        <p><img src="http://i056.radikal.ru/1407/76/49beeafc76a5.jpg"></p>
    	</td>
    	<td style="text-align: center;">Имя<img src="http://i056.radikal.ru/1407/76/49beeafc76a5.jpg"></td>
    </tr>
    <tr>
    	<td style="text-align: center;">
        <p>Пост</p>
        <p><img src="http://i056.radikal.ru/1407/76/49beeafc76a5.jpg"></p>
        <p>начало поста</p>
        <p align="right"><a href="http://ссылка_на_пост">читать далее</a></p>
    	</td>
    	<td style="text-align: center;">
        <div>
        	<p>Цитата</p>
        	<p><img src="http://i056.radikal.ru/1407/76/49beeafc76a5.jpg"></p>
        	<p>цитаа</p>
        	<p align="right"><a href="http://ссылка_на_пост">читать далее</a></p>
        </div>
    	</td>
    </tr>
	</tbody>
</table>

     </div>

     <div id="sm5" class="submenutext" style="display: none;"><br><br>

            <img src="#"></img>
        <div>ВИП</div>

            <img src="#"></img>
        <div>Партнеры</div>

            <img src="#"></img>
        <div>Баннеробмен</div>
</div>
     </div>
   </td>
   <td>
    <div id="menu">
           <b>
<span alt="#sm1" style="cursor: pointer; margin-bottom: 18px;" class="tabactive">В игре</span>
<span alt="#sm2" style="cursor: pointer;margin-bottom: 22px;" class="">Погода</span>
<span alt="#sm3" style="cursor: pointer;margin-bottom: 6px;" class="">Амс</span>
<span alt="#sm4" style="cursor: pointer;margin-bottom: 6px;" class="">Топ</span>
<span alt="#sm5" style="cursor: pointer;" class="">Партнеры</span>
           </b>
    </div>
</td></tr>
</tbody>
</table></center>
    	</td>
    </tr>
	</tbody>
</table>

Верх или в стили

Код:

<style>
#VeRTABLe tr,
#VeRTABLe td,
#VeRTABLe {
border-collapse: collapse;
padding:0;
margin:0;
}

#menu {
margin-top: 0px;
width: 70px;
position: relative;
left: -22px;
}

#submenu, #menu span {
background: transparent;
}
 #menu span {
    text-align: left;
display: block;
color: #000000;
padding: 11px;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
font: 14px 'Times new roman'
}
#menu .tabactive {
 border-left-color: #9EA9AB;
color: #000;
}

#submenu {
padding: 6px;
height: 278px;
width: 284px;
overflow-y: hidden;
overflow-x: hidden;
}

.submenutext {
padding: 6px;
height: 268px;
width: 276px;
overflow-y: auto;
overflow-x: hidden;
}

#w_h{
width: 280px;
height: 274px;
border: solid 1px black;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding: 6px;
overflow-y: auto;
}

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color: #FFFFFF;
color: black;
font-weight: normal;
text-align: center;
display: block;
margin: 1px;
text-decoration: none;
border-left: solid black 4px;
border-right: solid black 4px;
width: 150px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #FFFFFF;
background-color: #644364;
display: block;
font-weight: bold;
text-align: center;
cursor: crosshair;
text-decoration: none;
border-left: solid white 4px;
border-right: solid white 4px;
width: 150px;
}

tr#slid_t > #Menutxt {        
    border: solid 1px black;      
}
div#links {  
    margin-left: -15px;
    width: 143px;
}
td#MenuTxT {
    width: 310px;
    border: 1px solid;
}
div#text_welcome {
    height: 71px;
    overflow-x: hidden;
    overflow-y: auto;
}
</style>

Низ

Код:

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

Надеюсь, что без косяков о.о

Отредактировано Fly (2014-07-17 18:52:39)