Форум поддержки пользователей ZeroParking

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

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


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Заказ таблиц №7


Заказ таблиц №7

Сообщений 241 страница 270 из 999

241

Toshiro-kun
вот
http://xmages.net/storage/10/1/0/b/e/up … b234a2.png

0

242

пробел

Объявление

Код:
<table width="843" height="345" border="0" background="http://savepic.org/1353790.png">
  <tr>
    <td width="294" height="74" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="276"align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="259"align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
  <tr>
    <td height="265"><div style="margin:25px 0px 0px 10px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 270px; height: 240px;">текст
</div></td>
    <td><div style="margin:25px 0px 0px 0px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 270px; height: 240px;">текст
</div></td>
    <td><div style="margin:25px 0px 0px 0px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 270px; height: 240px;">текст
</div></td>
  </tr>
</table>

HTML-верх

Код:
<style> 
div .splLink {width: 170px; height: 55px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 50px; }
.spll div .splCont {height: auto; width: 180px;  padding: 5px; z-index: 1000;  border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

HTML-низ

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

+1

243

Киря
в каких именно окнах будет прокрутка и где будут окна выплывающие - подробнее пожалуйста.
Vergessene
лупой бы вам за такой скрин т___Т

Код:
<table width="100%" border="1">
  <tr>
    <td width="26%" height="156"><div align="center">Админы</div><br>
    <p align="center">текст </p><br>
    <div align="center">Модеры</div><br>
    <p align="center">текст </p></td>
    <td width="48%" rowspan="2"><div align="center"><img src="ссылка на картинку" height="400"></div></td>
    <td width="26%"><div style="overflow:auto; overflow-x:hidden; height:150px;" >
    <div align="center">Новости</div><br>
    <p align="center">текст</p>
    </div></td>
  </tr>
  <tr>
    <td rowspan="2"><div style="overflow:auto; overflow-x:hidden; height:200px;" >
    <div align="center">Действия в игре</div><br>
    <p align="center">текст</p>
    </div></td>
    <td rowspan="2"><div align="center">Акции</div><br>
    <p align="center"><a href="адрес">Ссылка</a></p>
    <p align="center"><a href="адрес">Ссылка</a></p>
    <p align="center"><a href="адрес">Ссылка</a></p>
    <p align="center"><a href="адрес">Ссылка</a></p>
    <p align="center"><a href="адрес">Ссылка</a></p></td>
  </tr>
  <tr>
    <td><marquee direction="right" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3">
      бегущая строка
    </marquee></td>
  </tr>
</table>

0

244

Toshiro-kun
спасибо.спасибо))))
а не подскажете ещё как сделать так чтобы, где написано "текст всплывает" фон был залит каким либо цветом

0

245

пробел

<style>
div .splLink {width: 170px; height: 55px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 50px; }
.spll div .splCont {height: auto; width: 180px;  padding: 5px; z-index: 1000;  background: #цвет;  border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>
в этой часте выделенное на цвет свой

0

246

1. Ссылка на форум
http://beautifulife.rolka.su

2. Скрин таблицы
таблица
3.

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

0

247

Toshiro-kun написал(а):

в каких именно окнах будет прокрутка и где будут окна выплывающие - подробнее пожалуйста.

Мне нужно чтобы все ячейки таблицы были всплывающими: открывались по клику и по клику закрывались)) Про прокрутку подумал и, думаю, не стоит)

Отредактировано Киря (2011-02-17 15:11:47)

0

248

Киря

Объявление

Код:
<table width="100%" border="1">
  <tr>
    <td width="33%" ><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
Админы</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td  width="34%" ><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
Добро пожаловать</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="33%" ><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
Дата и время</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    
  </tr>
  <tr>
    <td ><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
Модеры</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td ><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
Новости</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td ><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
В игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    
  </tr>
</table>

HTML-низ

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

HTML-верх

Код:
<style> 
div .splLink {width: 170px; height: 25px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 20px; }
.spll div .splCont {height: auto; width: 180px;  padding: 5px; z-index: 1000;  border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

+1

249

1. Ссылка на форум
http://yurilife.anihub.ru/
2. Скрин таблицы
http://i010.radikal.ru/1102/2f/97f0f9b909a1.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
облако тэгов, "выпадающее меню" (4 спойлера сверху)
4. Форматирование текста
всё стандартное, потом сама настрою.
5. Картинки для вставки.
потом сама вставлю.

0

250

Яна_Ясная
без картинки с выделенными полями для ссылок (картинка для таблицы полностью готовая) не делаю

ne_angel05

Объявление

Код:
<center><table  border="0" ><tr><td><div align="center"><img src="http://savepic.ru/2146807.png"></div></td><td><div align="center"><img src="http://savepic.ru/2109940.png"></div></td><td><div align="center"><img src="http://savepic.ru/2145783.png"></div></td>
</tr>
<tr><td><div align="center"><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a>
  
  
  
        <br>
  <img src="http://savepic.ru/2121204.png"></div>
  <div style="overflow: scroll; overflow-x: hidden; height:100px; width: 330px"> 
<p align="justify" style="font-family: arial; font-size: 13px; line-height: 7.5px; padding: -1px;">
<br><b>Гостям!</b><br>
Игра еще не началась, но вы уже можете выбрать себе персонажа по душе, и заполнить на него анкету. Все готово для начала, остались небльшие технические доработки. Устраивайтесь поудобнее, мы скоро начнем. Кроме того, места в составе администрации еще вакантны.

<br><b>Игрокам!</b><br>
Нас пока мало, но это нестрашно. Буквально последние штрихи, и начнем играть. Не скучайте, кто еще не оформился, оформляемся. Анкеты, профили. Кроме того, флеши и игры никто не отменял. Активизируемся!!!</div>

<center><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="http://savepic.ru/2120970.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></center></td>
<td   width="280px" >
  <div align="center"><br>
      <img src="..."><br>
    Каждую неделю администрация выбирает лучшего из лучших, самого выделившегося игрока. На этой неделе это <a href="ссыль на перса">имя</a>.
  </div>
    <div align="center">
  <form>
  
      <select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
        <option>-- Actions --</option>
        <option value="http://beautifulife.rolka.su/viewtopic.php?id=79"><small>Акция № 1.Скорость</small></option>
        <option value="http://beautifulife.rolka.su/viewtopic.php?id=50"><small>Акция 2. Правители мира</small></option>
        <option value="http://beautifulife.rolka.su/viewtopic.php?id=51"><small> Акция №3. Ученье-свет.</small></option>
        <option value="http://beautifulife.rolka.su/viewtopic.php?id=52"><small>Акция №4. Бойтесь нас. </small></option>
        <option value="http://beautifulife.rolka.su/viewtopic.php?id=53"><small>Акция №5 Наше золото</small></option>
        <option value="http://beautifulife.rolka.su/viewtopic.php?id=54"><small> Акция № 6. Все для вас </small></option>
        <option value="http://beautifulife.rolka.su/viewtopic.php?id=81"><small>Акция №7. Ты с нами</small></option>
        
        
      </select> 
   
  </form> </div>
   <div align="center"><form>
    
      <select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
        <option>-- Navigation --</option>
          <option value="http://beautifulife.rolka.su/viewtopic.php?id=66"><small>сюжет</small></option>
        <option value="http://beautifulife.rolka.su/viewtopic.php?id=67"><small>занятые внехи</small></option>
        <option value="http://beautifulife.rolka.su/viewtopic.php?id=65"><small>правила</small></option>
        <option value="http://beautifulife.rolka.su/viewforum.php?id=38"><small>регистрация</small></option>
        <option value="http://beautifulife.rolka.su/viewforum.php?id=11"><small>организация</small></option>
        <option value="http://beautifulife.rolka.su/viewforum.php?id=9"><small>профиль</small></option>
        <option value="http://beautifulife.rolka.su/viewforum.php?id=12"><small>квесты</small></option>
        <option value="http://beautifulife.rolka.su/viewforum.php?id=26"><small>реклама</small></option>
        <option value="http://beautifulife.rolka.su/viewforum.php?id=27"><small>парнтерство</small></option>
      </select> 
   
  </form> </div><br>
</td><td>
<div align="center"><br>
    <a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a>
  
  
  
    <br>
  <img src="http://savepic.ru/2157826.png"></div>
<div style="overflow: scroll; overflow-x: hidden; height:100px; width:270px"> 
<p align="justify" style="font-family: arial; font-size: 13px; line-height: 7.5px; padding: -1px;">
<br>
<b>Дата, время: </b>............<br>
<b>Погода: </b>................<br>
<b>Действия в игре:</b> пока тишина)<br></p></div>
<center><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="http://savepic.ru/2120970.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"><b>Мисс ролевая</b> - Serena van der Woodsen <br>
<b>Мистер ролевая</b> - Christopher Fuller  <br>
<b>Самый сексуальный</b> - Chuck Bass <br>
<b>Самая сексуальная</b> - Jennifer Gill <br>
<b>Лучшая пара</b> - Alex Stone+Max Rhein <br>
<b>Душа компании</b> - Victoria Emily Reed <br>
<b>Флудильщик</b> - Katarina Neumann <br>
<b>Лучший админ</b> - Jennifer Gill <br>
<b>Лучший модер</b> - Victoria Emily Reed <br>
<b>Кульный авмейкер</b> - Michelle Moffett<br>
<b>Быстрый прорыв</b> - Austin Ames<br></DIV></DIV>
</div></center>
</td></tr>
</table></center>

HTML-верх

Код:
<style> 
div .splLink {width: 170px; height: 45px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 40px; }
.spll div .splCont {height: auto; width: 180px;  padding: 5px; z-index: 1000; background: #цвет фона;  border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

HTML-низ

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

0

251

1. Ссылка на форум
http://hotd.rusff.me/
2. Скрин таблицы
http://imagepost.ru/images/647/QMBlYG1wNoYtry5SZKgS.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
не требуется
4. Форматирование текста
подогнать под стиль самого форума.
5. Картинки для вставки.
желательно, чтобы указанные надписи "пиар", "администрация" и так далее, были выполнены в фотошопе (небольшие картинки). Если требуется шрифт, как на NEW (и прочих иконках), то это Crazy Killer, но можно и что-то другое. не говорю, что обязательны картинки.

0

252

Toshiro-kun
Спасибо :cool:

0

253

Отаку написал(а):

Toshiro-kun, извините, что сразу не указал, а можно без границ таблицу? И чтобы выползающие менюшки были непрозрачными х)

:flag:

0

254

Bernkastel Frederika
мне желательны картинки - иначе, я не подгоню как следует

0

255

Toshiro-kun
Возможно, вопрос не в тему (и не в той теме, но другой я не нашел), но почему окна слишком быстро скрываются? 0о

0

256

Отаку

в место этого

<table width="100%" border="1">

это

<table width="100%" border="0">

и далее находиье в HTMlверху то что ставили

<style>
div .splLink {width: 170px; height: 85px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 80px; }
.spll div .splCont {height: auto; width: 180px;  padding: 5px; z-index: 1000; background: #цвет;  border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

и добовляете выделенное слово "цвет" меняете на код нужного вам цвета

+1

257

Toshiro-kun, спасибо за помощь х)

0

258

Toshiro-kun
бог с ними, с картинками, просто сделайте, пожалуйста, там шрифт надписи покрупнее и, желательно, любым другим шрифтом (чтоб стандартным не был), лишь бы глаза не резал. Простите, если это не было понятно сразу, но Administration и прочее - это спойлеры, с появляющимися по щелчку окошками.

Отредактировано Bernkastel Frederika (2011-02-18 16:31:54)

0

259

1. Ссылка на форум
http://yurilife.anihub.ru/
2. Скрин таблицы
http://i010.radikal.ru/1102/2f/97f0f9b909a1.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
облако тэгов, "выпадающее меню" (4 спойлера сверху)
4. Форматирование текста
всё стандартное, потом сама настрою.
5. Картинки для вставки.
background - http://s012.radikal.ru/i319/1102/05/95e0ac94380a.png

0

260

1. Ссылка на форум
http://theynext.rolka.su/
2. Скрин таблицы
http://savepic.org/1315723.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Прокрутка, Выпадающее меню по клику
4. Форматирование текста
Шривт Comic Sans Ms
5. Картинки для вставки.
сама вставлю

0

261

Яна_Ясная

Объявление

Код:
<table width="600" height="568" border="0" background="http://s012.radikal.ru/i319/1102/05/95e0ac94380a.png">
  <tr>
    <td width="160" height="102" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="136" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="137" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="149" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
  <tr>
    <td height="415" colspan="2" align="center">&nbsp;</td>
    <td colspan="2"><div style="margin:0px 0px 0px 10px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 270px; height: 430px;">
      <div align="center"><img src="ссылка на картигу"> </div><br>
       
      <p align="center">текст </p><br>
       <div align="center"><img src="ссылка на картигу"> </div><br>
       <div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
</noindex></div>
</div>
</td>
  </tr>
</table>

HTML-низ

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript" src="http://0pk.ru/f/ru/0pk/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '9';
flashvars.maxFontSize = '20';
flashvars.tcolor = '0xb22222';
flashvars.tcolor2 = '0xb22222';
flashvars.hicolor = '0x9400d3';
flashvars.distr = 'true';
flashvars.tspeed = '100';
eTagz = document.getElementById('yoblako').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 = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '200', '180', '9.0.0', false, flashvars, params, attributes);
</script>

HTML-верх

Код:
<style> 
div .splLink {width: 170px; height: 45px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 40px; }
.spll div .splCont {height: auto; width: 180px;  padding: 5px; z-index: 1000;  border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

+1

262

Bernkastel Frederika

Объявление

Код:
<table width="100%" border="0" cellspacing="25">
  <tr>
    <td width="50%" style="border: solid 1px #020000"><div align="center">Текст</div></td>
    <td width="50%" style="border: solid 1px #020000"><div style="overflow:auto; overflow-x:hidden; height:150px;" >
    <div align="center">Баннеры</div><br>
    <p align="center">. . .</p>
    </div></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="25">
  <tr>
    <td width="25%" style="border: solid 1px #020000; font-family: Century Gothic" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
Админы</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="25%" style="border: solid 1px #020000; font-family: Century Gothic" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
Юзеры</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="25%" style="border: solid 1px #020000; font-family: Century Gothic" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
В игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="25%" style="border: solid 1px #020000; font-family: Century Gothic" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
Реклама</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
</table>

HTML-верх

Код:
<style> 
div .splLink {width: 170px; height: 25px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 20px; }
.spll div .splCont {height: auto; width: 180px;  padding: 5px; z-index: 1000;  border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

HTML-низ

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

+1

263

Silence
Объявление

Код:
<table width="100%" border="0">
  <tr>
    <td width="22%" style="border: solid 1px #020000; font-family: Comic Sans Ms"><div style="overflow:auto; overflow-x:hidden; height:200px;" >
    <div align="center">Информация</div><br>
    <p align="center">Текст</p>
    </div></td>
    <td width="56%" style="border: solid 1px #020000; font-family: Comic Sans Ms"><div align="center"><img src="ссылка на картинку"></div></td>
    <td width="22%" style="border: solid 1px #020000; font-family: Comic Sans Ms"><div style="overflow:auto; overflow-x:hidden; height:200px;" >
    <div align="center">Информация</div><br>
    <p align="center">Текст</p>
    </div></td>
  </tr>
</table>

<table width="100%" border="0">
  <tr>
    <td width="33%" style="border: solid 1px #020000; font-family: Comic Sans Ms" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="ссылка ан картинку"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="34%" style="border: solid 1px #020000; font-family: Comic Sans Ms"align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="ссылка ан картинку"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="33%" style="border: solid 1px #020000; font-family: Comic Sans Ms" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<img src="ссылка ан картинку"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
</table>

HTML-верх

Код:
<style> 
div .splLink {width: 170px; height: 40px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 35px; }
.spll div .splCont {height: auto; width: 180px;  padding: 5px; z-index: 1000;  border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

HTML-низ

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

+1

264

блин... у меня какая то фигня. Те картинки что ниже они у меня за таблу вылезли, что делать?
http://theynext.rolka.su/

0

265

Silence
потому что картинки нужно было указывать сразу же.

<style>
div .splLink {width: 170px; height: 77px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 72px; }
.spll div .splCont {height: auto; width: 180px;  padding: 5px; z-index: 1000;  border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

исправляйте верхний код - на это

0

266

1. Ссылка на форум
вот - http://funschool.anihub.ru/
2. Скрин таблицы
http://s45.radikal.ru/i110/1102/ea/358855ce32c5.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
часы, календарик
4. Форматирование текста
Пурпуровый цвет - Гл.Админ и Гл.Модератор
Бордовый цвет - оъявление, сюжет и погода.
Чёрный цвет (под наклоном) - текст.
5. Картинки для вставки.
http://s005.radikal.ru/i209/1102/f6/a8751c1de5e1.jpg

Отредактировано Tamu (2011-02-19 12:50:26)

0

267

Tamu

Код:
<table width="100%" border="1">
  <tr>
    <td width="25%"><div align="center"><font color="#990099">Гл. Админ</font></div><br>
    <p align="center"><i>текст</i></p></td>
    <td colspan="3" rowspan="2"><div align="center"><img src="http://s005.radikal.ru/i209/1102/f6/a8751c1de5e1.jpg" width="571" height="390"></div></td>
    <td width="22%"><div align="center"><font color="#990099">Гл. Модератор</font></div><br>
    <p align="center"><i>текст</i></p></td>
  </tr>
  <tr>
    <td><div align="center">Администраторы</div><br>
    <p align="center"><i>текст</i></p></td>
    <td><div align="center">Модераторы</div><br>
    <p align="center"><i>текст</i></p></td>
  </tr>
  <tr>
    <td><div align="center">Календарик</div></td>
    <td width="190"><div align="center"><font color="#990033">Погода</font></div><br>
    <p align="center"><i>текст</i></p></td>
    <td width="190"><div align="center"><font color="#990033">Сюжет</font></div><br>
    <p align="center"><i>текст</i></p></td>
    <td width="190"><div align="center"><font color="#990033">Объявления</font></div><br>
    <p align="center"><i>текст</i></p></td>
    <td><div align="center">Часики</div></td>
  </tr>
</table>

+1

268

Toshiro-kun
пасибки))) эм... вам "+", как и говорили))

0

269

1. Ссылка на форум
http://wots.rolka.su/
2. Скрин таблицы
http://s013.radikal.ru/i325/1102/2a/3fc0ac098ef1.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Чтобы при нажании на все кнопки открывалось окно с текстом и ссылками как вот тут http://s58.radikal.ru/i160/1102/ee/32552ddd3dde.jpg
4. Форматирование текста
#2e2927 – цвет обычного текста
#857167 – цвет ссылок, при наведении на них
5. Картинки для вставки.
http://www.10pix.ru/img1/3950/3569577.png
http://www.10pix.ru/img1/3390/3569580.png
http://www.10pix.ru/img1/3406/3569582.png
http://www.10pix.ru/img1/917241/3569584.png
http://www.10pix.ru/img1/3326/3569585.png
http://www.10pix.ru/img1/1916/3569588.png
http://www.10pix.ru/img1/1964/3569590.png

надеюсь, это не слишком невыполнимо) Заранее огромное спасибо)

0

270

Ссылка на сайт
Таблица
Картинка в таблицу
Границы черным, если можно и надписи тем цветом которым выделены. Заранее огромное спасибо)))

0


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Заказ таблиц №7


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