У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается
24. 05. 12. Так как заказ стилей закрыт, вы можете оставить ваши заявки в теме Стили на очередь!, которые будут выполняться по мере возможностей дизайнеров!
22. 07. 12. Наконец у нас новый дизайн! В котором как вы успели заметить - учтены ваши пожелания! Ваши отзывы и предложения вы можете высказать в ДАННОЙ ТЕМЕ

Калейдоскоп аватар

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

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


Вы здесь » Калейдоскоп аватар » ТАБЛИЦЫ, МАР-КАРТЫ » ·[Заказ таблиц]


·[Заказ таблиц]

Сообщений 261 страница 280 из 315

261

А как сделать, что бы строчка начиналась ну... снова. Текст что бы был с новой строки.

0

262

Юленька ^^
добавьте тег <br> и текст будет на новой строке

0

263

1. ссылка на форум - http://hpanotherstory.rolka.su/
2. эскиз таблицы.: мне проще показать пример: http://daigakuiwate.rolebb.ru/
3. дополнительные предпочтения - иконки в табличке и её цвет подстройте, пожалуйста, под цвет форума) сама не умею(((
нужные вкладки:

Welcom - картинка\текст
Navigation - ссылка\ссылка
Administration - текст\картинка\текст\картинка
The game - картинка\текст
Partners - баннер\баннер\баннер

4. Ширина вашего форума и высота таблички -   http://www.kolobok.us/smiles/madhouse/suicide_fool-edit.gif

Отредактировано Cola (2012-06-07 17:29:40)

0

264

Cola
В Объявление

тык
Код:
<div id="pun-announcement" class="section">
	<h2><span>Объявление</span></h2>
	<div class="container">
    <div class="html-box">
    	<!--Горизонтальное с раздвижкой НАЧАЛО-->
<center><div style="min-height:270px!important;width:90%;padding:2%;border:#ccb6a9 0px ridge">
<style>
.cont_ainsOO{float:left!important;width:80%;display:none;height:270px!important;overflow:auto;
background-color:#b09b80;color:#563725;margin:0 -1px;opacity:1!important;
}
div.but_tonOO{border:#563725 2px solid;padding:0;white-space:break-word;letter-spacing:6px;float:left;height:270px!important;width:30px!important;cursor:pointer;background:#b1a28a url(http://uploads.ru/i/D/t/q/Dtq6G.png) left top repeat-y;margin:2px!important;margin:-2px -2px 0 -2px!important;}
div.Active.but_tonOO{background-color:#c9bdaa;}
</style>
<div  style="border:#dbb9b0 2px ridge;background-color:#000;">


<div class="but_tonOO"><br /><br /><br /><br /><font face="Monotype Corsiva"><font size="3">W
e
l
c
o
m
e</font></font></div>
<div class="cont_ainsOO">
<br /><font face="Monotype Corsiva"><font size="3">
Текст приветствия</font></font><br />
</div>

<div class="but_tonOO"><br /><br /><font face="Monotype Corsiva"><font size="3">N
a
v
i
g
a
t
i
o
n
</font></font></div>
<div class="cont_ainsOO">
<td=center></br><font face="Monotype Corsiva"><font size="4">Навигация/ссылки</font></td>
<br />
</div>

<div class="but_tonOO"><font face="Monotype Corsiva"><font size="3">A 
d 
m 
i 
n 
i  
s 
t  
r 
a 
t 
i 
o 
n
</font></font></div>
<div class="cont_ainsOO">
<td=center></br><font face="Monotype Corsiva"><font size="4"><a href="ссылка на профиль">ник админа</a></font></font></td>
</div>

<div class="but_tonOO"><br /><br /><br /><br /><font face="Monotype Corsiva"><font size="3">T
h
e

 
G
a
m
e</font></font></div>
<div class="cont_ainsOO">
<td=center></br><font face="Monotype Corsiva"><font size="4">В игре</font></font></td><br />

</div>

<div class="but_tonOO Active"><br /><br /><br /><br /><font face="Monotype Corsiva"><font size="3">P
a
r
t
n
e
r
s</font></font></div>
<div class="cont_ainsOO"  style="display:block">
<td=center></br><font face="Monotype Corsiva"><font size="3">Партнеры</font></font></td>

</div>


<script>
var Nobusy=true;var timeoutID001;var vSze='';
$(document).ready(function() {
 $(".but_tonOO").mouseover(function(){if(Nobusy){if($(this)==vSze){clearTimeout(timeoutID001)}
      if($(this).next().css("display")!="block"){Nobusy=false;
      $(".but_tonOO").removeClass("Active");
      $(this).addClass("Active")
      $(".cont_ainsOO").hide('slow');          //Свёртываем все предыдущие;
      $(this).next(".cont_ainsOO").toggle('slow',function(){
  Nobusy=true;
});
      }} else {vSze=$(this);var timeoutID001 = setTimeout('vSze.mouseover()',230)}
    });
});
</script>
</div></div></center>
<!--Горизонтальное с раздвижкой КОНЕЦ-->
    </div>
	</div>
</div>

0

265

Tunguska
отлично;) сппсибо

0

266

1. Ссылка на форум- http://narutowayoftheninja.rolka.su/
2. Размер- Примерно такой же как у вас :)
3. Ваши пожелания- Под цвет форума, шрифты по больше :)
4. Надписи-
1. Новости и Обьявления - Два окошка :)
2. Важные ссылки - Правила, Сюжет, Список персонажей, Шаблон анкет ( каноны ), Шаблон анкет (Не каноны), Книга Предложений и Жалоб. ( Желательно картинками )
3. Реклама - Наша Реклама, Ваша реклама, Рейтинги. Логин: PR Пароль: 0000 - буквами побольше.
4. Администрация.
5. Изображение- Что-то с иероглифами или же с японским флагом :) http://www.kolobok.us/smiles/standart/yahoo.gif Не знаю верно ли заполнил и получиться ли у вас что-то здесь разобрать, но надеюсь на вас :)

0

267

Devilscream

HTML-верх
Код:
<style>
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em}
</style>

<style>
.container1 {width: 800px; margin: 0 auto; padding: 0;}

ul.tabs {
    margin-left: 115px;
    padding: 0;
    float: left;
    list-style: none;
    height: 45px;
    width: 750px;
    width: 100%;
}

ul.tabs li {
  float: left;
    margin-left: 5px;
    padding: 0px;
    height: 40px;
    line-height: 35px;
    border: 0px;  
    border-style: solid;
   border-width: 0px;
border: 0px solid  #988974;
    margin-bottom: 0px;
    background:  # url();
    overflow: hidden;
    position: relative;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-webkit-box-shadow:1px 1px 3px #000;
    -khtml-box-shadow:1px 1px 3px #000;
    -moz-box-shadow:1px 1px 3px #000;
}

ul.tabs li a 
{
    text-decoration: none;
    color: transparent;
    display: block;
margin-left: 0px;
    padding: 0px 5px;
    background: url();
    outline: none;
  height: 37px;
border: 1px solid  #a42525;
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-webkit-box-shadow:2px 2px 4px #000;
    -khtml-box-shadow:2px 2px 4px #000;
    -moz-box-shadow:3px 3px 4px #000;
}

ul.tabs li a:hover {
border: 1px solid  #a42525;
       background: #88837f url();
}    
html ul.tabs li.active  {
       background: # url();

}  

html ul.tabs li.active a:hover  {
       background: # url();

}

.tab_container1 {
    clear: both;
    float: center; 
    width: 800px;
    height: 250px;
  border-style: solid;
   border-width: 0px;
border: 2px solid  #781c04;
    margin-bottom: 0px;
    background: url(http://uploads.ru/i/2/R/i/2RiOe.png);
border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px; 
-moz-border-radius:10px; 
}

.tab_content {
    padding: 0px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 0px;
    border-bottom: 0px dashed #000000;
}
</style>
HTML-низ
Код:
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});
</script>
Объявление
Код:
<center><div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">НОВОСТИ И ОБЪЯВЛЕНИЯ</a></li>
    <li><a href="#tab2">ВАЖНЫЕ ССЫЛКИ</a></li>
    <li><a href="#tab3">РЕКЛАМА</a></li>
<li><a href="#tab4">АДМИНИСТРАЦИЯ</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<table width="800" height="250" border="0" cellpadding="0" >
  <tr>
    <td width="400" align="center"></br><strong><font color="#990000" size="3">НОВОСТИ</font></strong>
</br>новостиновости</td>
    <td align="center"></br><strong><font color="#990000" size="3">ОБЪЯВЛЕНИЯ</font></strong>
</br>объявленияобъявления</td>
  </tr>
</table>
</div>

<div style="display: none;" id="tab2" class="tab_content">
</br><strong><font color="#990000" size="3">ПОЛЕЗНЫЕ ССЫЛКИ</font></strong>
<table width="800" height="230" border="0" cellpadding="0" >
  <tr>
    <td width="400" align="center" valign="top">
</br><div class="textlink">
<a href="ссылка"><font size=4>Правила</font> </a> 
<a href="ссылка"><font size=4>Сюжет</font> </a> 
<a href="ссылка"><font size=4>Список персонажей</font> </a>
</div></td>
    <td align="center" valign="top"></br><div class="textlink">
<a href="ссылка"><font size=4>Шаблон анкет (каноны)</font> </a> 
<a href="ссылка"><font size=4>Шаблон анкет (неканоны)</font> </a> 
<a href="ссылка"><font size=4>Книга жалоб и предложений</font> </a>
</div></td>
  </tr>
</table>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<table width="800" height="230" border="0" cellpadding="0" >
  <tr>
    <td width="400" align="center" >
<div class="textlink">
<a href="ссылка"><font size=4>Наша реклама</font> </a> 
<a href="ссылка"><font size=4>Ваша реклама</font> </a> 
<a href="ссылка"><font size=4>Рейтинги</font> </a>
</div>
</br><strong><font color="#990000" size="4">Логин: PR Пароль: 0000</font></strong></td>
  </tr>
</table>
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<table width="800" height="230" border="0" cellpadding="0" >
  <tr>
    <td width="400" align="center" >
</br><strong><font color="#990000" size="4">Администрация</font></strong>
</br>-----</td>
  </tr>
</table>
</div>


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

Вот это добавить в нижнее окно стиля Цвета style_cs.css

тык
Код:
    /*общее обозначение блока*/
        .textlink {
          margin: 15px 15px 15px 15px;
          padding: 8px;
          padding-left: 0px;
        }

    /*цвет ссылки неактивной*/
        .textlink a {
          padding: 1px 0px 0px 0px;
          margin: 0px 0px 4px 0px;
          display: block;
          color: #fff;
          font-family: Arial;
          background-color: #ababab;
          text-align: center;
          width: 250px;
          font-size: 17px;
          line-height: 30px;
          letter-spacing: -1px;
         
          text-decoration: none;
          font-weight: normal;
border-width: 1px; border: 1px solid #781c04; 
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
box-shadow: Gray 3px 3px 5px;
         
        }

    /*цвет при наведении на ссылку*/
        .textlink a:hover {
          background-color: #fff;
          color: #781c04;
border-width: 1px; border: 1px solid #781c04; 
        }

0

268

1. ссылка на форум -
http://warriorscatsnw.liverolka.ru/
2. эскиз таблицы.:
http://s1.uploads.ru/t/g/Z/c/gZc4C.png
3. дополнительные предпочтения -
серую полоску не надо
4. Ширина вашего форума и высота таблички
ширина- 780
высота- 180

0

269

У меня вопрос, а не заказ.
На моей ролке эта таблица едет. Что то не так в коде?
ссылка http://vampier.rusff.ru/

Верх
Код:
<!-- таблица -->
<style>
#pun-title table { 
border: medium none currentColor;
height: 550px;
width: 100%;
 }
#menu {
/* margin-top: -105px;*/
position:absolute;
margin-left: 690px;

width: 150px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display: block;
color: #000000;
margin: 7px 0; 
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background: transparent; /*#ffffff; url("");*/
/* border: 1px double blue;/*white;*/
/* background: #a99d3c; */
}

#menu .tabactive {
color: #000000;
background: #d4d2d2; /*777777;*/
}

#submenu {
margin-top: -120px;
margin-left:110px;
padding: 3px;
height: 200px;
text-align: center;
font-size: 12px;
width: 300px; /* 540 */
background: transparent; /*#ffffff;*/
/* border: 1px double blue; /*white;*/
/* background: #a99d3c; */
}

.submenutext {
display: none; 
height: 40px;
}
</style>

<center style="margin-top: -15px;"><table style="width: 300px; border=1;position: absolute; top: 375px;">
 <tbody>
  <tr>
   <td id="MenuTxT"  align="center" valign="top" height=200px>
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/><div style="width: 100%; height: 194px; overflow-y: scroll;
scrollbar-arrow-color:black;
scrollbar-face-color:#bab8b8;
scrollbar-highlight-color:#bab8b8;
scrollbar-shadow-color:#bab8b8;
scrollbar-track-color:#bab8b8;
scrollbar-3dlight-color:#bab8b8;
scrollbar-darkshadow-color:#bab8b8;">
Доброй ночи, уважаемые гости ролевой, что основана на аниме, манге D. Gray Man! Спешите попасть в ряды экзорцистов, иль может, вам ближе общество Графа и семьи Ноя? Выбор за вами.
</div></div>
     <div id="sm2" class="submenutext"><br /><br />
<div class="nav"> 
<a href="http://vampier.rusff.ru/viewtopic.php?id=7#p7"><font size=1>Правила</font> </a> 
<a href="http://vampier.rusff.ru/viewtopic.php?id=6#p6"><font size=1>Шаблон анкет</font> </a> 
<a href="http://vampier.rusff.ru/viewtopic.php?id=1"><font size=1>Сюжет</font> </a>
<a href="http://vampier.rusff.ru/viewtopic.php?id=19#p19"><font size=1>Персонажи</font> </a> 
<a href="http://vampier.rusff.ru/viewtopic.php?id=23"><font size=1>Подись</font></a>
<a href="http://vampier.rusff.ru/viewtopic.php?id=2"><font size=1> Жалобы-Предложения-Вопросы</font></a>
    <td>
</div>
     <div id="sm3" class="submenutext"><br /><br />
<b>Clown</b> - гейм-мастер; <b>Allen Walker</b> - шишка и заноза в заднице ролевой
</div>
     <div id="sm4" class="submenutext"><br /><br />
Клоун не выбрал
</div>
     <div id="sm5" class="submenutext"><br /><br />
Ждем народ, а пока тусуемся во флуде, или в флешбеках
</div>
   </td></tr></tbody></table></center>

<center><table style="width: 300px; margin-left:50px;border=1; position: absolute; top: 150px;">
 <tbody>
   <td valign=top>
    <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>

           </b>
    </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>
<!-- конец таблицы -->

<center><a href="ссылка на страницу баннеров">Баннеры</a></center><br><br><br>
<div id="vdk" align="center">Дизайн: Vendetta de Kott</a></div>

Отредактировано Lekta (2012-06-22 21:31:31)

0

270

Summer

Код:
<center><table width="780" height="180" border="0" cellpadding="0">
  <tr>
    <td width="260" rowspan="2"><center><div align="center" style="overflow: auto; overflow-x: hidden; width: 240px; height: 170px; margin-top: 2px; padding: 1px;"><b>НОВОСТИ</b></div></td>
    <td width="260" height="110" align="center"><b>ОПИСАНИЕ ФОРУМА</b>
<br>описание
<br>описание
<br>описание
<br>описание</td>
    <td rowspan="2"><center><div align="center" style="overflow: auto; overflow-x: hidden; width: 240px; height: 170px; margin-top: 2px; padding: 1px;"><b>РЕКЛАМА</b>
</br>блаблабла
</br></br><b>АДМИНИСТРАЦИЯ</b>
</br>админ
</br></br><b>МОДЕРАТОРЫ</b>
</br>модер
</br>модер
</br></br><b>ПОЛЕЗНЫЕ ССЫЛКИ</b>
</br><a href="ссылка"><font size=2>ссылка 1</font></a> 
</br><a href="ссылка"><font size=2>ссылка 2</font></a></div></td>
  </tr>
  <tr>
    <td align="center"><b>БАННЕР</b></td>
  </tr>
</table>

0

271

Lekta
http://www.kolobok.us/smiles/he_and_she/girl_impossible.gif
Что-то там в части, которая вставляется в "Объяву" путаница!
Ее легче переделать полностью  :rolleyes:

0

272

Tunguska
[взломанный сайт]  [взломанный сайт]
А не могли бы Вы с этим помочь?

0

273

Lekta
заполните шаблон и все.

0

274

Tunguska
извините за глупый вопрос.....как в НОВОСТИ писать новости?ч http://www.kolobok.us/smiles/standart/blush.gif что-то я не понимаю  http://www.kolobok.us/smiles/standart/dntknw.gif

0

275

Summer

Код:
<center><table width="780" height="180" border="0" cellpadding="0">
  <tr>
    <td width="260" rowspan="2"><center><div align="center" style="overflow: auto; overflow-x: hidden; width: 240px; height: 170px; margin-top: 2px; padding: 1px;"><b>НОВОСТИ</b>
<br>описание новостей
</div></td>
    <td width="260" height="110" align="center"><b>ОПИСАНИЕ ФОРУМА</b>
<br>описание
<br>описание
<br>описание
<br>описание</td>
    <td rowspan="2"><center><div align="center" style="overflow: auto; overflow-x: hidden; width: 240px; height: 170px; margin-top: 2px; padding: 1px;"><b>РЕКЛАМА</b>
</br>блаблабла
</br></br><b>АДМИНИСТРАЦИЯ</b>
</br>админ
</br></br><b>МОДЕРАТОРЫ</b>
</br>модер
</br>модер
</br></br><b>ПОЛЕЗНЫЕ ССЫЛКИ</b>
</br><a href="ссылка"><font size=2>ссылка 1</font></a> 
</br><a href="ссылка"><font size=2>ссылка 2</font></a></div></td>
  </tr>
  <tr>
    <td align="center"><b>БАННЕР</b></td>
  </tr>
</table>

Отредактировано lambdadelta (2012-06-23 17:02:15)

+1

276

lambdadelta
спасибо большое  [взломанный сайт]

Отредактировано Summer (2012-06-26 14:39:56)

0

277

А можно еще такую таблицу:
1. ссылка на форум -
http://warriorscatsnw.liverolka.ru/
2. эскиз таблицы.:
http://s1.uploads.ru/t/P/y/n/PynKQ.jpg
3. дополнительные предпочтения -
*Сама таблица начинается с квадратиков*
1. Цвет в квадратиках белый
2. Надписи можно сделать в самих квадратах, т.к. они (надписи) там (на картинке) на фоне.
4. Ширина вашего форума и высота таблички
1. Ширина форума 800 (а ширину таблицы хотелось бы 613)
2. Высота таблички 400
3. Размер квадратиков 185 на 185

Отредактировано Summer (2012-06-26 16:02:52)

0

278

Summer

Код:
<center><table width="613"  height="400" background="http://s1.uploads.ru/i/o/U/W/oUWn5.png"  border="0" cellpadding="0">
  <tr>
    <td width="205" height="200"><center><br></br><div align="center" style="overflow: auto; overflow-x: hidden; width: 175px; height: 155px; margin-top: 2px; padding: 1px;">администрация
</div></td>
    <td width="205"><center><br></br><div align="center" style="overflow: auto; overflow-x: hidden; width: 175px; height: 155px; margin-top: 2px; padding: 1px;">новое
</div></td>
    <td width="195"><center><br></br><div align="center" style="overflow: auto; overflow-x: hidden; width: 175px; height: 155px; margin-top: 2px; padding: 1px;">навигация
</div></td>
  </tr>
  <tr>
    <td><center><br></br><div align="center" style="overflow: auto; overflow-x: hidden; width: 175px; height: 155px; margin-top: 2px; padding: 1px;">в игре
</div></td>
    <td><center><br></br><div align="center" style="overflow: auto; overflow-x: hidden; width: 175px; height: 155px; margin-top: 2px; padding: 1px;">лучшие игроки
</div></td>
    <td><center><br></br><div align="center" style="overflow: auto; overflow-x: hidden; width: 175px; height: 155px; margin-top: 2px; padding: 1px;">баннеры
</div></td>
  </tr>
</table>

0

279

Tunguska
http://www.kolobok.us/smiles/standart/swoon.gif
Как говорится, вы мастер своего дела   http://www.kolobok.us/smiles/standart/good.gif

0

280

1. ссылка на форум - D. Gray-man
2. эскиз таблицы.:

Эскиз

http://s1.uploads.ru/i/i/L/S/iLSAN.png

3. дополнительные предпочтения - Таких вот, как в эскизе должно быть пять - Новости форума, Навигация, Администрация, Реклама, В Игре. Правый столбик Меню, Левый содержащий информацию. Если не понятно, то на форуме сейчас стоит "сломанная" версия таблицы
4. Ширина вашего форума и высота таблички - точно не знаю.

0


Вы здесь » Калейдоскоп аватар » ТАБЛИЦЫ, МАР-КАРТЫ » ·[Заказ таблиц]