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

Поделиться301Чт, 25 Авг 2011 20:58:31

Автор: MeloMel
Стремящийся
Зарегистрирован: Чт, 25 Авг 2011
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Ср, 31 Авг 2011 21:25:53

Еще вопросик, если я захочу кнопки навигации сделать картинками, что мне заменить?

Поделиться302Чт, 25 Авг 2011 21:02:52

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

MeloMel,
там где у вас название кнопок:

первая кнопка
<font face="Arial"><b>Полезные ссылки</b></font>
вторая
<font face="Arial"><b>Правила</b></font>
третья
<font face="Arial"><b>О форуме</b></font>

Заменяете каждую строчку на: <img src="ссылка на картинку кнопки">

0

Поделиться303Чт, 25 Авг 2011 21:03:46

Автор: MeloMel
Стремящийся
Зарегистрирован: Чт, 25 Авг 2011
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Ср, 31 Авг 2011 21:25:53

Rion Leonheart
Еще раз - примного благодарна.)

0

Поделиться304Чт, 25 Авг 2011 21:45:56

Автор: tigerjuly
Заслуженный
Зарегистрирован: Вс, 17 Июл 2011
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Вт, 29 Ноя 2011 17:16:32

Добрый вечер!
http://closertotheedge.rusff.ru/
Хотелось бы узнать код таблицы, как на данном форуме: http://bennington.mybb.ru/ , а именно:

Заранее премного благодарны!

0

Поделиться305Чт, 25 Авг 2011 22:27:16

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

tigerjuly, здравствуйте. Ваш код скелета таблицы ~~(плагиатом не занимаемся)~~:

Код:

<div id="pun-announcement" class="section">
	<h2><span>Объявление</span></h2>
	<div class="container">
<div class="html-box">
<center>
<table border="0" width="700" height="168">
<tr>
<td height="164" width="230" align="justify">
<p style="margin-top: 0; margin-bottom: 0px; line-height:100%">

Текст 1

</p>
</td>        


<td height="164" width="8" align="justify">
<p style="margin-top: 0; margin-bottom: 0; line-height:100%">
</p>
</td>

<td height="164" width="230" align="justify">
<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">	

Текст 2

</p>

<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">
</p>

<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">

Текст 3

<td height="164" width="8" align="justify">
<p style="margin-top: 0; margin-bottom: 0px; line-height:100%">
</p>
</td>

<td height="164" width="230" align="justify">
<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">

Текст 4

</p>
</td>
</tr>
</table>
</body>

Текст
</div>
	</div>
</div>

Отредактировано Rion Leonheart (Чт, 25 Авг 2011 22:28:07)

0

Поделиться306Чт, 25 Авг 2011 22:52:43

Автор: majj
Заслуженный
Зарегистрирован: Чт, 24 Мар 2011
Сообщений: 65
Уважение: 0
Позитив: +10
Последний визит:
Пт, 16 Июн 2017 16:50:46

Rion Leonheart
а у меня возникла проблема ((
когда я ставлю таблицу, у меня перестает работать вот этот скрипт

Код:

<script type="text/javascript">
$(document).ready(function(){
$('div#pun-category1.category>h2>div.catleft ').after('<img class="categor" src="http://savepic.ru/3053679.png" />');
$('div#pun-category2.category>h2>div.catleft').after('<img class="categor" src="http://savepic.org/2122876.png" />');
$('div#pun-category3.category>h2>div.catleft').after('<img class="categor" src="http://savepic.ru/3042415.png" />');
$('div#pun-category4.category>h2> div.catleft').after('<img class="categor" src="http://savepic.org/2114684.png" />');
$('div#pun-category5.category>h2> div.catleft').after('<img class="categor" src="http://savepic.ru/3034223.png" />');
$('div#pun-category6.category>h2> div.catleft').after('<img class="categor" src="http://savepic.org/2100348.png" />');
$('div#pun-category7.category>h2> div.catleft').after('<img class="categor" src="http://savepic.ru/3037295.png" />');
$('img.categor').css({'margin-top' : '-7px', 'margin-left' : '-5px', 'margin-right' : '15px', 'margin-bottom' : '-9px'});
  });
</script>

- это код который заменяет название категорий на изображения...
это можно как-то исправить?

0

Поделиться307Чт, 25 Авг 2011 23:01:05

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

majj, тогда попробуйте вырезать из кода объявления вот это и поставить в html-верх:

Это тоже вырезать и поставить в html-низ:

0

Поделиться308Чт, 25 Авг 2011 23:07:46

Автор: majj
Заслуженный
Зарегистрирован: Чт, 24 Мар 2011
Сообщений: 65
Уважение: 0
Позитив: +10
Последний визит:
Пт, 16 Июн 2017 16:50:46

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

?

неа не работает :'(

0

Поделиться309Чт, 25 Авг 2011 23:13:46

Автор: tigerjuly
Заслуженный
Зарегистрирован: Вс, 17 Июл 2011
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Вт, 29 Ноя 2011 17:16:32

Rion Leonheart
спасибо огромнейшее!
А можно такой вопрос? Как менять расстояние между объявлением (таблицей) и кнопками "форум", "участники" и т.д. ?

0

Поделиться310Чт, 25 Авг 2011 23:15:41

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

majj, скажите точно, что и куда вы переставили?
~~У меня все грузится на вашем форуме, только долго...~~

Отредактировано Rion Leonheart (Чт, 25 Авг 2011 23:31:57)

0

Поделиться311Чт, 25 Авг 2011 23:21:55

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

tigerjuly, вам сюда: Общие вопросы по оформлению

0

Поделиться312Чт, 25 Авг 2011 23:29:21

Автор: majj
Заслуженный
Зарегистрирован: Чт, 24 Мар 2011
Сообщений: 65
Уважение: 0
Позитив: +10
Последний визит:
Пт, 16 Июн 2017 16:50:46

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

скажите точно, что и куда вы переставили?

ан нет заработало...простите :blush: ....ту часть которую вы написали поставить html-низ переставила в самый низ и все заработало....
зато у меня другой вопрос возник: а можно кнопочки чуть подвинуть выше? а то когда на них ставишь изображение, они все съезжают вниз.
вот это как выглядит - http://savepic.org/2121391.png

0

Поделиться313Чт, 25 Авг 2011 23:44:42

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

majj, попробуйте добавить в подчеркнутое красным:

Контент кнопки

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

</td>

такое: valign="top"

Отредактировано Rion Leonheart (Пт, 26 Авг 2011 00:17:26)

+1

Поделиться314Чт, 25 Авг 2011 23:50:26

Автор: majj
Заслуженный
Зарегистрирован: Чт, 24 Мар 2011
Сообщений: 65
Уважение: 0
Позитив: +10
Последний визит:
Пт, 16 Июн 2017 16:50:46

Rion Leonheart
спасибо большое)

0

Поделиться315Пт, 26 Авг 2011 03:59:05

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Jam22, не знаю, ждете ли вы еще свою таблицу, но вот код:

Код:

<style> 
div .splLink {width: 150px; height: 20px; font-weight: bold; background: transparent; }
.spll {width: 130px; height: 20px; }
.spll div .splCont {height: auto; width: 180px; background: #333333; padding: 5px; z-index: 1000;  border: 1px solid #000000; font-size: 12px; font-family: Century Gothic; text-align: center; color: #000000}
</style>

<table border="1,5pt" bgcolor="#000000" width="700" height="350" cellpadding="0" cellspacing="0">

<tr align="center">

<td width="20%">

<table>
<tr height="116">

<td>

<div class="spll">
<DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"><font color="#ffffff">Администрация</font></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

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

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

</td>
</tr>

<tr height="118">
<td>

<div class="spll">
<DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"><font color="#ffffff">Навигация</font></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

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

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

</td>
</tr>

<tr height="116">
<td>

<div class="spll">
<DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"><font color="#ffffff">Друзья</font></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

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

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

</td>

</tr>
</table>

</td>

<td width="60%"><img height="100%" width="100%" src="http://s2.ipicture.ru/uploads/20110804/ZAg6RQjV.jpg"></td>

<td width="20%">

<table>

<tr height="116">

<td>
<font color="#ffffff">
Текст
</font>
</td>
</tr>

<tr height="118">
<td>
<font color="#ffffff">
Текст
</font>

</td>
</tr>

<tr height="116">
<td>
<font color="#ffffff">
Текст
</font>

</td>

</tr>

</table>

</td>

</tr>

</table>

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

:dontknow:

0

Поделиться316Пт, 26 Авг 2011 12:53:28

Автор: .крендель
Заслуженный
Зарегистрирован: Вт, 24 Авг 2010
Сообщений: 55
Уважение: +1
Позитив: +16
Последний визит:
Сб, 16 Мар 2024 10:58:05

спасибо за таблицу, но есть пара вопросов:
1. Эти кнопки "Реклама" "Погода и время" и т.д. сместились в сторону (или сместилося этот прямоугольник, на котором будет информация). а хочется, чтобы всё было чётко посредине
2. Таблица зелёного цвета и контуры вокруг кнопок. Где это можно исправить? Я что-то не нашла =.=
адрес форума: http://bloodydreams.mybb.ru/

Отредактировано .крендель (Пт, 26 Авг 2011 12:54:35)

0

Поделиться317Пт, 26 Авг 2011 14:28:43

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

.крендель написал(а):

. Эти кнопки "Реклама" "Погода и время" и т.д. сместились в сторону (или сместилося этот прямоугольник, на котором будет информация). а хочется, чтобы всё было чётко посредине

Код:

	<!-- Таблица -->
<style>

#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {

color: #CCCCCC; 
background:#990000; 
}

#submenu {
padding: 0px;
height: 200px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
display: none; 
height: 60px;
}

#MenuTxT {
 background:url(ссылка) no-repeat center; <!-- Фоновая картинка в основной форме объявления -->
}
#menu{
width:100%;
height:60px;
margin:0 44px 0 -44px;
}
</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>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align=left>
    <div id="menu"  style=""> <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>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<center>
<br>Пример<br> <!- Текст в блоке "Админы" ->
</center>
</div>

     <div id="sm2" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Объявления" ->
</center>
</div>

     <div id="sm3" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Погода и время" ->
</center>
</div>

     <div id="sm4" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Полезные ссылки" ->
</center>
</div>

     <div id="sm5" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Реклама" ->
</center>

</div>
   </td>
</tr>
 </tbody>
</table></center>
<!-- Конец Таблицы -->

0

Поделиться318Пт, 26 Авг 2011 16:22:34

Автор: Ангора
Заслуженный
Зарегистрирован: Пт, 18 Фев 2011
Сообщений: 136
Уважение: +1
Позитив: +27
Пол: Женский
Последний визит:
Вс, 18 Май 2014 23:17:38

Rion Leonheart, здравствуйте!

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

Блок "6" под картинку, как я понимаю?

да, картинку будем менять каждый месяц...

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

Скажите высоту вашей таблицы (желательно в пикселях)?

в пикселях не смогу сказать, а так примерно 15 см.

0

Поделиться319Пт, 26 Авг 2011 16:24:12

Автор: .крендель
Заслуженный
Зарегистрирован: Вт, 24 Авг 2010
Сообщений: 55
Уважение: +1
Позитив: +16
Последний визит:
Сб, 16 Мар 2024 10:58:05

Deff
спасибо)
а как быть с цветом?)

0

Поделиться320Пт, 26 Авг 2011 17:34:07

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

.крендель написал(а):

2. Таблица зелёного цвета и контуры вокруг кнопок. Где это можно исправить? Я что-то не нашла =.=

.крендель, здравствуйте. У вас не в коде таблицы, а в html-верху стоит такой код:

#menu .tabactive {
margin-top: 20px;
background: #c5d376;
border: 2px solid #c5d376; - (отвечает за цвет рамки нажатой кнопки)

}

#submenu {
float: right;
padding: 5px;
height: 160px;
text-align: left;
font-size: 12px;
width: 450px;
border : none;
color: #;
background: #c5d376; - (отвечает за цвет в окошке с информацией)
margin-right: 20px;border: 2px solid #c5d376; - (определяет цвет границы окошка с инфой)

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

Выделенное красным замените на свой цвет.

+2

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 301 страница 320 из 1000

Поделиться301Чт, 25 Авг 2011 20:58:31

Поделиться302Чт, 25 Авг 2011 21:02:52

Поделиться303Чт, 25 Авг 2011 21:03:46

Поделиться304Чт, 25 Авг 2011 21:45:56

Поделиться305Чт, 25 Авг 2011 22:27:16

Поделиться306Чт, 25 Авг 2011 22:52:43

Поделиться307Чт, 25 Авг 2011 23:01:05

Поделиться308Чт, 25 Авг 2011 23:07:46

Поделиться309Чт, 25 Авг 2011 23:13:46

Поделиться310Чт, 25 Авг 2011 23:15:41

Поделиться311Чт, 25 Авг 2011 23:21:55

Поделиться312Чт, 25 Авг 2011 23:29:21

Поделиться313Чт, 25 Авг 2011 23:44:42

Поделиться314Чт, 25 Авг 2011 23:50:26

Поделиться315Пт, 26 Авг 2011 03:59:05

Поделиться316Пт, 26 Авг 2011 12:53:28

Поделиться317Пт, 26 Авг 2011 14:28:43

Поделиться318Пт, 26 Авг 2011 16:22:34

Поделиться319Пт, 26 Авг 2011 16:24:12

Поделиться320Пт, 26 Авг 2011 17:34:07