Здравствуйте! Дайте мне, пожалуйста, код вот такой таблицы:
Заказ отменяю, сама разобралась.
Отредактировано †Dance With The Devil† (Ср, 8 Июн 2011 19:15:08)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (11)
Здравствуйте! Дайте мне, пожалуйста, код вот такой таблицы:
Заказ отменяю, сама разобралась.
Отредактировано †Dance With The Devil† (Ср, 8 Июн 2011 19:15:08)
Доброго времени суток, уважаемые помощники и просто знающие юзеры, прибывающие на данном форуме.
У меня весьма сложный макет таблицы.
Его ширина - 900 пикселей.
Высота - 360 пикселей.
Хотелось бы, чтобы задний фон представлял собой картинку. Если не тяжело, пропишите там место для её url.
сам эскиз вот:
http://i17.fastpic.ru/big/2011/0608/80/ … f36a80.jpg
Прошу, помогите мне с этим. Буду очень признательна.
Отредактировано Eheh. (Ср, 8 Июн 2011 20:34:45)
кто хочет берите себе такую таблицу
.....
можно мне код к этой табличке
Хочу скрипт последние 5 сообщений форума вставить вот в такую таблицу (скрин) и сайт где есть пример таблицы с css. (сам не сумел сделать )
Фон таблицы заливается картинкой. http://onserial-letay-16.ru/uploads/000 … 62-3-f.png (с повторением по вертикали)(repeat right)
Вот сам скрипт который нужно вставить в таблицу:
<script type="text/javascript">
$(function(){
$('#pun-ulinks.section ul.container').after('<div class="container"><table><tr><td><img src="http://onserial-letay-16.ru/uploads/000d/05/e5/7550-4.png"><font color="red">Важно</font><img src="http://onserial-letay-16.ru/uploads/000d/05/e5/7550-5.png">Последние 5 сообщений форума, что бы увидеть полный список новых сообщений за время вашего отсутствия жмякайте ссылку <b><a class="tooltip" href="http://onserial-letay-16.ru/search.php?action=show_new">Новые сообщения<span>Если не нажимать данную ссылку при каждом входе на форум, после выхода больше новые сообщения показываться не будут!!!</span></a></b><img src="http://onserial-letay-16.ru/uploads/000d/05/e5/7873-1.png"></td></tr></table><table id="bib" cellspacing="0" width=100%><tr><th scope="col" width=10%><u><b>Автор</b></u></th><th scope="col" width=40%><u><b>Последний пост оставленный в топике</b></u></th><th scope="col" width=12%><u><b>Дата и Время поста</b></u></th><th scope="col" width=38%><center><u><b>Содержание поста бегущей строкой</b></u></center></th></tr></table></div>');
$.get('export.php?type=rss','',processXML);
function processXML(data){
$(data).find('item:lt(5)').each(function(){
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();
var JContent=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-5);
$('#bib').append('<tr><td style="text-align:left"><b>'+ JAuthor +'</b></td><td><a href="'+ JLink +'">'+ JTitle +'</a></td><td style="text-align:left"><center>'+ JPosted +'</center></td><td><marquee scrollamount="2">'+JContent+'</marquee></td></tr>'); });
} });
</script>
Добавлено:
Дубль 2 (вставляем скрин) чет уже не первый раз замечаю что картинки не прикрепляются
Отредактировано Invisible Man (Сб, 11 Июн 2011 15:14:14)
Invisible Man Проще картинкой резиновой поставить под любую таблу...
не любит таблички
Deff
Ну мож кто возьмется подождемс (картинки не умею рисовать, и инет весь обыскал в поисках картинок тож не нашел)
Invisible Man
а что ты ожидаешь в итоге - можешь кривенько изобразить схемой ?(*Общий вид таблички (Ждать некого - Кофеман как то свалил - я забросил ... нет никого тут
Отредактировано Deff (Сб, 11 Июн 2011 15:35:46)
можешь кривенько изобразить схемой
Говорил же не умею рисовать
Добавлено:
Вставка скрина...сервер лагает
Отредактировано Invisible Man (Сб, 11 Июн 2011 15:41:46)
Invisible Man да - только при редактировании сейчас вставляецо
Говорил же не умею рисовать
Ясно, - к вечеру изображу...
Отредактировано Deff (Сб, 11 Июн 2011 15:45:07)
Ясно, - к вечеру изображу...
Ок, пойду в тему оформления давно хотел написать все руки не доходили..
Invisible Man А где твоя табла в рабочем состоянии ? - ссылка есть ?
А где твоя табла в рабочем состоянии ? - ссылка есть ?
Invisible Man
Вот это суешь Во второе Окно стиля:
.pillar { MARGIN: 0px auto; WIDTH: 360; BACKGROUND: none transparent scroll repeat 0% 0% } .pillar H1 { MARGIN: 0px 10px } .pillar P { MARGIN: 0px 10px } .pillar H1 { LETTER-SPACING: 1px; COLOR: #fff; FONT-SIZE: 2em } .pillar P { PADDING-BOTTOM: 0.5em } .pillar .top { DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 1px } .pillar .bottom { DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 1px } .pillar .b1 { DISPLAY: block; OVERFLOW: hidden } .pillar .b2 { DISPLAY: block; OVERFLOW: hidden } .pillar .b3 { DISPLAY: block; OVERFLOW: hidden } .pillar .b4 { DISPLAY: block; OVERFLOW: hidden } .pillar .b1 { HEIGHT: 1px } .pillar .b2 { HEIGHT: 1px } .pillar .b4 { HEIGHT: 1px } .pillar .b2 { BORDER-LEFT: #fff 1px solid; BACKGROUND: #d66; BORDER-RIGHT: #fff 1px solid } .pillar .b3 { BORDER-LEFT: #fff 1px solid; BACKGROUND: #d66; BORDER-RIGHT: #fff 1px solid } .pillar .b4 { BORDER-LEFT: #fff 4px solid; BACKGROUND: #d66; BORDER-RIGHT: #fff 4px solid } .pillar .b1 { MARGIN: 0px 2px; BACKGROUND: #fff } .pillar .b2 { BORDER-RIGHT-WIDTH: 1px; MARGIN: 0px 1px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px } .pillar .b3 { MARGIN: 0px; HEIGHT: 2px } .pillar .b4 { MARGIN: 0px 2px } .pillar .boxcontent { BORDER-LEFT: #fff 1px solid; MARGIN: 0px 5px; DISPLAY: block; BACKGROUND: #d66 url(http://onserial-letay-16.ru/uploads/000d/05/e5/8662-3-f.png) repeat-y;BORDER-RIGHT: #fff 1px solid } .pillar .boxcontent p{ BACKGROUND: #000; }
Вот это - вместо предыдущего скрипта:
<!--Последняя информация на главной--> <DIV class=pillar><B class=top><B class=b1></B><B class=b2></B><B class=b3></B><B class=b2></B><B class=b4></B></B> <DIV class=boxcontent><P></P> </DIV> <B class=bottom><B class=b4></B><B class=b2></B><B class=b3></B><B class=b2></B><B class=b1></B></B> </DIV> <script type="text/javascript"> $("#pun-announcement .pillar").insertAfter('#pun-ulinks.section ul.container') $(function(){ $('#pun-ulinks.section .pillar .boxcontent p').append('<div class="container"><table><tr><td><img src="http://onserial-letay-16.ru/uploads/000d/05/e5/7550-4.png"><font color="red">Важно</font><img src="http://onserial-letay-16.ru/uploads/000d/05/e5/7550-5.png">Последние 5 сообщений форума, что бы увидеть полный список новых сообщений за время вашего отсутствия жмякайте ссылку <b><a class="tooltip" href="http://onserial-letay-16.ru/search.php?action=show_new">Новые сообщения<span>Если не нажимать данную ссылку при каждом входе на форум, после выхода больше новые сообщения показываться не будут!!!</span></a></b><img src="http://onserial-letay-16.ru/uploads/000d/05/e5/7873-1.png"></td></tr></table><table id="bib" cellspacing="0" width=100%><tr><th scope="col" width=10%><u><b>Автор</b></u></th><th scope="col" width=40%><u><b>Последний пост оставленный в топике</b></u></th><th scope="col" width=12%><u><b>Дата и Время поста</b></u></th><th scope="col" width=38%><center><u><b>Содержание поста бегущей строкой</b></u></center></th></tr></table></div>'); $.get('export.php?type=rss','',processXML); function processXML(data){ $(data).find('item:lt(5)').each(function(){ var JAuthor=$(this).find('author').text().slice(14,-1); var JTitle=$(this).find('title').text(); var JLink=$(this).find('link').text(); var JContent=$(this).find('description').text(); var JPosted=$(this).find('pubDate').text().slice(4,-5); $('#bib').append('<tr><td style="text-align:left"><b>'+ JAuthor +'</b></td><td><a href="'+ JLink +'">'+ JTitle +'</a></td><td style="text-align:left"><center>'+ JPosted +'</center></td><td><marquee scrollamount="2">'+JContent+'</marquee></td></tr>'); }); } }); </script> <!--Последняя информация на главной конец-->
Deff
Не робит поставил (test)
Invisible Man Занчит где то ошибка во втором окне стиля - переставь код в самый верх окна
Вот тут закрывашки нет
ul#navigation .new a{
background-image: url(9352-100.png);
}
ul#navigation .zakaz a {
background-image: url(9352-200.png);
}
ul#navigation .search a {
background-image: url(9352-300.png);
}
ul#navigation .forma a {
background-image: url(9352-400.png);
}
ul#navigation .rssfeed a {
background-image: url(http://foooorum.mybb.msk.su/styles/000a … es/rss.png);
}
ul#navigation .photos a {
background-image: url(http://foooorum.mybb.msk.su/styles/000a … camera.png);
}
Отредактировано Deff (Сб, 11 Июн 2011 22:14:49)
Вот тут закрывашки нет
Неа не помогло...
переставь код в самый верх окна
А так сработал, пошел переделывать под свой дизайн Пасиб за старания
Invisible Man
Неа не помогло.
Если не помогло - ошибки и выше ( все теги после ошибочных - отключаются
Deff
А как спрятать стиль от гостей мож стиль в скрипт засунуть? У меня гости не имеют права на поиск и видят все это дело вот таким образом (скрин)
Добавлено:
Дубль 2 скрин
Отредактировано Invisible Man (Вс, 12 Июн 2011 11:17:00)
Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (11)