Понедельник, 26 Янв 2026, 18:23:46
Приветствую Вас Гость RSS
ГлавнаяПредложения по улучшению - Страница 2 - ФорумРегистрация Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 2 из 2
  • «
  • 1
  • 2
Предложения по улучшению
DragonДата: Вторник, 14 Июл 2009, 00:04:44 | Сообщение # 16
Заходит в гости
Группа: Пользователи
Сообщений: 29
Награды: 1
Статус: Offline
Оформление намного лучше, единственно немного напрягает, что картинка логотипа пытается повторится cool
 
InFoxДата: Вторник, 14 Июл 2009, 00:24:29 | Сообщение # 17
Прохожий
Группа: Пользователи
Сообщений: 14
Награды: 0
Статус: Offline
неплохобы уменьшить ширину столбца с информацией
([Dragon]
Заходит в гости
[Ранг 2]
Группа: Пользователи
Сообщений: 28
Награды: 1 +
Статус: Online)
и его же в форме Нового ответа
PS как это сделать скажу чуть позже, когда будет время, если сама не сможешь )


 
PirateДата: Вторник, 14 Июл 2009, 00:35:32 | Сообщение # 18
Злой админ
Группа: Администраторы
Сообщений: 38
Награды: 3
Статус: Offline
InFox, я не знаю, как это сделать. Поэтому жду подсказку wink

 
InFoxДата: Вторник, 14 Июл 2009, 01:06:49 | Сообщение # 19
Прохожий
Группа: Пользователи
Сообщений: 14
Награды: 0
Статус: Offline
ели неошибаюсь,
то если ты зайдешь Управление->Форум->Вид материалов
то увидишь примерно следующий код
Code
<head>
<style type="text/css">
.style1 {
   text-align: left;
}
</style>
</head>

<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">
<tr><td class="postTdTop" align="center" style="width: 125px"><a class="postUser" href="javascript://" onClick="emoticon('[b]$USERNAME$[/b],');return false;">$USERNAME$</a></td>
   <td class="postTdTop" style="width: 100%">Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>
<tr><td class="style1" valign="top" style="width: 125px">
<?if($AVATAR_URL$)?><img title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?endif?>
<?if($USER_TITLE$)?><div class="postRankName">$USER_TITLE$</div><?else?><div class="postRankName">$USER_RANK_NAME$</div><?endif?>
<?if($GROUP_ICON$)?><div class="postRankIco">$GROUP_ICON$</div><?else?><div class="postRankIco">$USER_RANK_ICON$</div><?endif?>
...
<tr><td>$USER_DETAILS_ICON_BAR$</td><td align="right" style="padding-right:15px;">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" nowrap align="right">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>
</table></td></tr></table>

тебе нужна строчка
Code
<td class="style1" valign="top" style="width: 125px">

у тебя вместо
Code
style="width: 125px"
будет примерно
Code
style="width: 30%"
измени % на px и подгони размер
PS если код отлиичаеться сильно, то лучше покажи мне его и я точно поясю что и как поменять

и есче

Code
<td style="background-position: 0% 0%; background-image: none; background-repeat: repeat; background-attachment: scroll;" align="center"> & nbsp;& nbsp;& nbsp;& nbsp;... их ОООчень много ...& nbsp;& nbsp;& nbsp;& nbsp;      
   <p>                         
   <font size="2">           
<!-- <copy> --><b>Silver Millenium Group</b> © 2009<!-- </copy> --> <a href="http://www.ucoz.ru/"><img style="border: 0pt none ; margin: 0pt; padding: 0pt;" src="http://s102.ucoz.net/img/cp/24.gif" title="Hosted by uCoz (s102)" height="15" width="80"></a></font></p></td>
это какбы не особо хороше surprised

Code
<p>& nbsp;</p>
это энтер (удали пробел между & и n)




Сообщение отредактировал InFox - Вторник, 14 Июл 2009, 01:12:08
 
PirateДата: Вторник, 14 Июл 2009, 01:26:30 | Сообщение # 20
Злой админ
Группа: Администраторы
Сообщений: 38
Награды: 3
Статус: Offline
Ширину, вроде, уменьшила. По-моему, нормально теперь.
А насчёт
Quote (InFox)
это какбы не особо хороше
- я не знаю, как сделать по-другому, чтобы было ровно. У меня никак не получалось, и я просто стянула этот код с другого сайта. Ровненько и ладно wacko


 
InFoxДата: Четверг, 16 Июл 2009, 00:24:41 | Сообщение # 21
Прохожий
Группа: Пользователи
Сообщений: 14
Награды: 0
Статус: Offline
но рвно пока разрешение экрана 1280х*
если меньше то все слетает и появляеться скролл
попробуй пеоменять пробелы на <p>& nbsp;</p>

ладна, сделаем проще, я посмотрю код и скажу что можно поправит и что получим в результате … (прошло время)
после Доолгого изучения кода .... wink
в общем смотри, вернее слушай
иди в Форум->Вид материалов
и ищи эту строчку

Code
<tr><td width="20%" class="postTdTop" align="center">

вернее тебе из нее надо
width="20%" - собственно злополучная ширина, изменяй ее на width = "165px"
если текста будет больше то он растянется под него

Добавлено (15 Июл 2009, 23:34:42)
---------------------------------------------
да приведем твой сайт в порядок
вот код для нижней части, для любого разрешения экрана, он будет сам изменяться, и без скроллов wink

Code
<table cellpadding="0" cellspacing="0" style="text-align:center; width: 100%; height: 100px; background-image:url('http://group-sm.ucoz.ru/pic/niz2.png');">
   <tr>
    <td style="height: 61px"> </td>
   </tr>
   <tr>
    <td>
     <b>Silver Millenium Group</b> (c) 2009<!-- </copy> --> <a href="http://www.ucoz.ru/"><img style="margin:0;padding:0;border:0;" src="http://s102.ucoz.net/img/cp/24.gif" width="80" height="15" title="Hosted by uCoz (s102)" /></a></font></td>
   </tr>
</table>

Добавлено (15 Июл 2009, 23:36:06)
---------------------------------------------
далее редактирем шапку
PS кстати луше использовать прямые ссылки
http://group-sm.ucoz.ru/pic/niz2.png
вместо
pic/niz2.png
оно работать будет правильнее

Добавлено (15 Июл 2009, 23:36:36)
---------------------------------------------
редактирование шапки
странный баг наюлюдаемый у меня - наложение фона на фон, при близжайшем рассмотрении выяснилось - у тебя в таблице (шапке) установлена прозрачная картинка + сама страница имеет картинку (такую же) итог - наложение
исправлено все
вот код с вставленными
1 - с лева, с верху - дата, месяц, время ...
2 - с лева снизу станадарное устовие - Главная Мой профиль Регистрация Выход Новые сообщения Участники Вход
3 - справа сверху - Вы вошли как и прочее

Code
<body style="background:#F1D6DB; margin:0px; padding:0px;">
<!--U1AHEADER1Z-->
<table cellpadding="0" cellspacing="0" style="width: 100%; height: 300px; background-image: url('http://group-sm.ucoz.ru/pic/ver.png'); background-repeat:no-repeat; background-position:right;">
   <tr>
    <td style="text-align: left;" valign="top">Дата и время на сервере - $WDAY$ / $TIME$ / $DATE$</td>
    <td style="text-align: right;" valign="top">Вы вошли как </font><a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a>
    <font color="#808080">    
    <img alt="|" height="12" src="http://group-sm.ucoz.ru/pic/kolo.png" width="12"> Группа "<u>$USER_GROUP$</u>"<?else?>Приветствую Вас </font><b>$USERNAME$</b><?endif?><?endif?>    
    <img alt="|" height="12" src="http://group-sm.ucoz.ru/pic/kolo.png" width="12"> <a href="$RSS_LINK$">RSS</a></td>
   </tr>
   <tr>
    <td class="style2" valign="bottom"><a href="$HOME_PAGE_LINK$">Главная</a> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>   
    <img alt="|" height="12" src="http://group-sm.ucoz.ru/pic/kolo.png" width="12"> <a href="$PERSONAL_PAGE_LINK$">Мой профиль</a><?else?>   
    <img alt="|" height="12" src="http://group-sm.ucoz.ru/pic/kolo.png" width="12"> <a href="$REGISTER_LINK$">Регистрация</a><?endif?><?endif?>   
    <img alt="|" height="12" src="http://group-sm.ucoz.ru/pic/kolo.png" width="12"> <a href="$LOGOUT_LINK$">Выход</a><?else?>   
    <img alt="|" height="12" src="http://group-sm.ucoz.ru/pic/kolo.png" width="12"> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow">Новые сообщения</a>   
    <img alt="|" height="12" src="http://group-sm.ucoz.ru/pic/kolo.png" width="12">   
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow">Участники</a>   
    <img alt="|" height="12" src="http://group-sm.ucoz.ru/pic/kolo.png" width="12">
    <a href="$LOGIN_LINK$">Вход</a><?endif?><?endif?></td>
    <td> </td>
   </tr>
</table>
<!--/U1AHEADER1Z-->

Добавлено (15 Июл 2009, 23:52:45)
---------------------------------------------
код вставляешь с заменой <body ....>
и все что между - <!--U1AHEADER1Z--> .... <!--/U1AHEADER1Z--> надо поменять
если нужна чистая шапка - вот она

Code
<table cellpadding="0" cellspacing="0" style="width: 100%; height: 300px; background-image: url('http://group-sm.ucoz.ru/pic/ver.png'); background-repeat:no-repeat; background-position:right;">
   <tr>
    <td style="text-align: left;" valign="top">лево верх</td>
    <td style="text-align: right;" valign="top"> лево низ</td>
   </tr>
   <tr>
    <td style="text-align: left;" valign="top">право верх</td>
    <td  style="text-align: left;" valign="top">право низ</td>
   </tr>
</table>

теперь к сладенькому и как выглядит шапка - разбей шапку на 4 равные квадрата,2 по вертикали, и 2 по горизонтали, вот собственно и ее устройство
параметры для каждой ячейки таблицы (для картинок, текста и прочего, для простоты использую слово Текст)
text-align: left; - текст с лева
text-align: right; - текст справа
text-align: center; - текст в центре

valign="top" - текст сверху
valign="middle" - текст в центре (по умолчанию используеться он, если valign незадан (его нет))
valign="bottom" - текст внизу

background:#F1D6DB - цвет фона, задаеться в палитре RGB, думаю как художнице (дизайнеру) понятие тебе знакомое, если нет то посмотри политру фотошепа RR GG BB 2 цифры на каждый цает

background-image: url('http://group-sm.ucoz.ru/pic/ver.png'); - изображение в таблице (как фон), можно вставить в ячейки
background-repeat:no-repeat; - не дублировать (только для картинок)
background-position:right; - положение справа (только для картинок)

Добавлено (15 Июл 2009, 23:58:32)
---------------------------------------------
упростим понимание Html кода
таблица 5х3
3 столбца
5 строк

Code
<table style="width: 100%"  cellpadding="0" cellspacing="0">
  <tr>
   <td> </td>
   <td> </td>
   <td> </td>
  </tr>
  <tr>
   <td> </td>
   <td> </td>
   <td> </td>
  </tr>
  <tr>
   <td> </td>
   <td> </td>
   <td> </td>
  </tr>
  <tr>
   <td> </td>
   <td> </td>
   <td> </td>
  </tr>
  <tr>
   <td> </td>
   <td> </td>
   <td> </td>
  </tr>
</table>

width: 100% - шириа в %
cellpadding="0" cellspacing="0" - толщина линий

Добавлено (16 Июл 2009, 00:24:41)
---------------------------------------------
<td> текст в ячейке </td>




Сообщение отредактировал InFox - Среда, 15 Июл 2009, 23:33:09
 
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск:


 
                                                                                                                                                                                                                                                                                    

                                  Silver Millenium Group © 2026