Сайт сообщества | Клуб пользователей | О проекте

Имя
Пароль
ПравилаРегистрацияСправка
Сообщения за деньПоиск

Вернуться   Клуб пользователей портальной системы RUNCMS > Оформление > Скиноделы

Ответ
 
Опции темы Опции просмотра
thunder вне форума thunder
Старший участник

Аватар для thunder

| Цитировать Старый #1 10-17-2005, 14:32

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

Предлагаю принять посильное участие в наполнении раздела всем дизайнерам и скиноделам! (DR Manga Larok и все кто может)

Последний раз редактировалось thunder, 10-17-2005 в 15:51


Skype: thunder_rus
Icq: 235953090
Mail: thunder{собака}pisem{точка}net
  Сообщения: 580 c 16.04.2004 | Репутация: 20
thunder вне форума thunder
Старший участник

Аватар для thunder

| Цитировать Старый #2 10-17-2005, 14:46

Заготовка для вывода новостей
Код HTML:
 
<html>
 
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 1</title>
<style>
<!--
a:link { font-family: Tahoma; font-size: 11px; color: #69A321; text-decoration: underline }
.news { font-family: Tahoma; font-size: 11px; color:#6C6C6C}
-->
</style>
</head>
 
<body bgcolor="#E3E3E3">
 
<table border="0" width="427" id="table3" cellpadding="0" style="border-collapse: collapse">
<tr>
<td><table border="0" width="427" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td width="1" height="1"></td>
<td bgcolor="#DDDEDE" width="1" height="1"></td>
<td bgcolor="#CFCFCF" width="20" height="1"></td>
<td rowspan="5" bgcolor="#CFCFCF" width="1"></td>
<td width="1" rowspan="5"></td>
<td rowspan="5" bgcolor="#CFCFCF" width="1"></td>
<td bgcolor="#CFCFCF" width="400" height="1"></td>
<td bgcolor="#DDDEDE" width="1" height="1"></td>
<td width="1" height="1"></td>
</tr>
<tr>
<td bgcolor="#DEDEDE" width="1" height="1"></td>
<td bgcolor="#CFCFCF" width="1" height="1"></td>
<td bgcolor="#F8F8F8" width="1" height="1"></td>
<td bgcolor="#F8F8F8" width="1" height="1"></td>
<td bgcolor="#CFCFCF" width="1" height="1"></td>
<td bgcolor="#DDDEDE" width="1" height="1"></td>
</tr>
<tr>
<td bgcolor="#CFCFCF" width="1" height="1"></td>
<td bgcolor="#F8F8F8" width="1" height="1"></td>
<td bgcolor="#F8F8F8" style="font-family: Small Fonts; font-size: 10px; font-weight: bold; letter-spacing: -1pt; vertical-align: middle; color: #707B81; font-variant:small-caps; padding-top:1px; padding-bottom:1px" align="center">
&gt;&gt;</td>
<td bgcolor="#F8F8F8" style="font-family: Tahoma; font-size: 11px; font-weight: bold; color: #818181; padding-top: 2px; padding-bottom: 2px">&nbsp;<?php echo $title;?></td>
<td bgcolor="#F8F8F8" width="1" height="1"></td>
<td bgcolor="#CFCFCF" width="1" height="1"></td>
</tr>
<tr>
<td bgcolor="#DEDEDE" width="1" height="1"></td>
<td bgcolor="#CFCFCF" width="1" height="1"></td>
<td bgcolor="#F8F8F8" width="1" height="1"></td>
<td bgcolor="#F8F8F8" width="1" height="1"></td>
<td bgcolor="#CFCFCF" width="1" height="1"></td>
<td bgcolor="#DDDEDE" width="1" height="1"></td>
</tr>
<tr>
<td width="1" height="1"></td>
<td bgcolor="#DEDEDE" width="1" height="1"></td>
<td bgcolor="#CFCFCF" width="1" height="1"></td>
<td bgcolor="#CFCFCF" width="1" height="1"></td>
<td bgcolor="#DDDEDE" width="1" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>
 
<table border="0" width="427" id="table2" cellspacing="0" cellpadding="0" style="padding:10px; border-collapse: collapse">
<tr>
<td class="news">
<?php echo $content;?></td>
</tr>
</table>
<hr width="100%">
</td>
</tr>
</table>
</body>
 
</html>
Примечательно что в этой заготовке нет ни одного элемента графики
Изображения
Тип файла: gif news.gif (4.3 Кбайт, 339 просмотров)

Последний раз редактировалось thunder, 10-17-2005 в 14:50


Skype: thunder_rus
Icq: 235953090
Mail: thunder{собака}pisem{точка}net
  Сообщения: 580 c 16.04.2004 | Репутация: 20
DR вне форума DR
Старший участник

Аватар для DR

| Цитировать Старый #3 10-17-2005, 15:00

Офигеный прием. Вообще использование одного html без графики это искусство.
Раньше помню много таких темплеров было на во вебе, где без графики.


Nosce te iptium // Познай самого себя
  Сообщения: 804 c 24.05.2004 | Репутация: 18
thunder вне форума thunder
Старший участник

Аватар для thunder

| Цитировать Старый #4 10-17-2005, 15:39

Код HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>новость</title>
<style>
<!--
BODY {
FONT-SIZE: 7pt; COLOR: #6d6d6d; FONT-FAMILY: Tahoma,Verdana, Arial
}
A:active {
COLOR: #000; TEXT-DECORATION: none
}
A:hover {
COLOR: #000; TEXT-DECORATION: none
}
A:link {
COLOR: #bd001d; TEXT-DECORATION: none
}
A {
COLOR: #ce3950; TEXT-DECORATION: none
}
A:unknown {
COLOR: #ce3950; TEXT-DECORATION: none
}.titlenews { background-position: right top; font-family: Tahoma; font-size: 10px; text-transform: uppercase; color: #FFFFFF; padding-left: 6px; padding-right: 10px; padding-top:3px; padding-bottom:3px; background-image:url(../images/bg00.gif); background-repeat:no-repeat; background-attachment:fixed
}
-->
</style>
</head>
<body>
<TABLE cellSpacing=0 cellPadding=0 width=100% border=0>
<TBODY>
<TR>
<TD><IMG height=5 src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/frame1_LU.gif" width=5 
border=0></TD>
<TD width=100%><IMG height=5 src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/frame1_U.gif" 
width=100% border=0></TD>
<TD><IMG height=5 src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/frame1_RU.gif" width=5 
border=0></TD></TR>
<TR height="100%">
<TD height="100%"><IMG height="100%" 
src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/frame1_L.gif" width=5 border=0></TD>
<TD vAlign=top width=100% bgColor=white height="100%">
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<!-- MSTableType="nolayout" -->
<tr height="5">
<td width="3" bgcolor="#EAEAEA"></td>
<td width="5" bgcolor="#EAEAEA"></td>
<td width="1" bgcolor="#EAEAEA"></td>
<td bgcolor="#EAEAEA"></td>
<td width="4" bgcolor="#EAEAEA"></td>
</tr>
<tr>
<td width="3" bgcolor="#EAEAEA"></td>
<td width="5" bgcolor="#C22C2C"></td>
<td width="1" bgcolor="#EAEAEA"></td>
<td bgcolor="#8D8D8D" class="titlenews">
<?php echo $time;?>&nbsp;&nbsp;<?php echo $title;?></td>
<td width="4" bgcolor="#EAEAEA"></td>
</tr>
<tr height="5">
<td width="3" bgcolor="#EAEAEA"></td>
<td width="5" bgcolor="#EAEAEA"></td>
<td width="1" bgcolor="#EAEAEA"></td>
<td bgcolor="#EAEAEA"></td>
<td width="4" bgcolor="#EAEAEA"></td>
</tr>
</table></td>
</tr>
<tr>
<td style="padding: 6px">	<div align=right>	<span class="postedby">
<?php echo _TH_POSTEDBY;?> <?php echo $poster;?>
</span></div>
<div style="font-size: 7pt; color: #6d6d6d" >
<p><?php echo $timglink;?> <?php echo $thetext;?></p>
</div>
<div class="more" align="right"><?php echo $adminlink;?> <?php echo $morelink;?></div></tr>
</table></TD>
<TD height="100%"><IMG height="100%" 
src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/frame1_R.gif" width=5 border=0></TD></TR>
<TR>
<TD><IMG height=5 src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/frame1_LD.gif" width=5 
border=0></TD>
<TD width=100%><IMG height=5 src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/frame1_D.gif" 
width=100% border=0></TD>
<TD><IMG height=5 src="<?php echo XOOPS_URL."/themes/".XOOPS_THEME;?>/images/frame1_RD.gif" width=5 
border=0></TD></TR></TBODY></TABLE><br />
</body>
С графикой см. вложения (извлечь графические файлы в паку images своей темы)
дожно получиться что то такое
Изображения
Тип файла: gif news.gif (7.1 Кбайт, 317 просмотров)
Вложения
Тип файла: rar images.rar (954 байт, 46 просмотров)


Skype: thunder_rus
Icq: 235953090
Mail: thunder{собака}pisem{точка}net
  Сообщения: 580 c 16.04.2004 | Репутация: 20
thunder вне форума thunder
Старший участник

Аватар для thunder

| Цитировать Старый #5 11-03-2005, 17:28

Как превратить текстовые ссылки в привлекательные кнопки средствами css
вот пример
Код HTML:
<font size="1" face="Verdana">&nbsp;<a style="color: #FFFFFF; width: 1; text-decoration: none; border: 3px double #CC0000; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; background-color: #CC0000; background-position-y: center" href="#">Редактировать</a> 
<a style="color: #FFFFFF; width: 1; text-decoration: none; position: relative; text-align: center; border: 1px solid #C0C0C0; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 2px; background-color: #CC0000; background-position-y: center" href="#">Удалить</a>&nbsp;&nbsp;
<a style="color: #FFFFFF; width: 1; text-decoration: none; position: relative; text-align: center; border: 1px solid #C0C0C0; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 2px; background-color: #CC0000; background-position-y: center" href="#">Читать&nbsp;далее&nbsp;» </a>&nbsp;
<a style="color: #FFFFFF; width: 1; height: 1; text-decoration: none; position: relative; text-align: center; border: 1px solid #C0C0C0; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 2px; background-color: #CC0000; background-position-y: center" href="#">Комментариев:&nbsp;12</a></font>
Изображения
Тип файла: gif Capture-2.gif (6.9 Кбайт, 287 просмотров)

Последний раз редактировалось thunder, 11-03-2005 в 20:02


Skype: thunder_rus
Icq: 235953090
Mail: thunder{собака}pisem{точка}net
  Сообщения: 580 c 16.04.2004 | Репутация: 20
DR вне форума DR
Старший участник

Аватар для DR

| Цитировать Старый #6 11-04-2005, 02:06

Много примеров, разных свежих неожиданых приемов, правда на итальянском.
_http://pro.html.it

Ну и классика, все понты TM, уроки на всем возможном в мире веб дизайна.
_http://www.webdesign.org/


Nosce te iptium // Познай самого себя
  Сообщения: 804 c 24.05.2004 | Репутация: 18
dr. smith вне форума dr. smith
Зам старшего участника

Аватар для dr. smith

| Цитировать Старый #7 11-16-2005, 23:38

офигенно!!!

Посетить домашнюю страницу dr. smith
  Сообщения: 344 c 26.01.2005 | Репутация: 4
dr. smith вне форума dr. smith
Зам старшего участника

Аватар для dr. smith

| Цитировать Старый #8 11-16-2005, 23:41

Может немного не в тему, но может кто знает как сделать, чтобы новости могли выводиться по 2 рядом???
Тоесть везде новости выводяться в таком формате:
{новость 1}
{2}
{3}
{...}
А хотелось бы стобы:
{1} {2}
{3} {4}
и т.д.

Последний раз редактировалось dr. smith, 11-16-2005 в 23:44

Посетить домашнюю страницу dr. smith
  Сообщения: 344 c 26.01.2005 | Репутация: 4
thunder вне форума thunder
Старший участник

Аватар для thunder

| Цитировать Старый #9 11-17-2005, 10:18

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


Skype: thunder_rus
Icq: 235953090
Mail: thunder{собака}pisem{точка}net
  Сообщения: 580 c 16.04.2004 | Репутация: 20
Sceval вне форума Sceval
Участник

Аватар для Sceval

| Цитировать Старый #10 07-21-2006, 12:24

Здорово спасиба thunder использую у себя на сайте для облегчения темы


ITword и ITcenter
Посетить домашнюю страницу Sceval
  Сообщения: 144 c 07.03.2006 | Репутация: -1
Ответ

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход


Рейтинг@Mail.ru Хостинг провайдер Majordomo. Powered by: vBulletin Version 3.0
Copyright ©2000-2018, Jelsoft Enterprises Ltd.
Все разделы прочитаны - Руководство форума - Архив - Вверх
Rambler's Top100
Output: 107.68 Kb. compressed to 99.63 Kb. by saving 8.05 Kb. (7.47%)
Page generated in 0.13790 seconds with 11 queries