Перейти к контенту

CSS для скина

OldBaku

Автор: OldBaku,
в Дизайн и графика

 Поделиться

Рекомендуемые сообщения

OldBaku

OldBaku

Опубликовано
Опубликовано

Установил один скин, просто надо некоторые вещи в нём подредактировать. Подскажите как. Следующее:

Вот то что я редактирую: Нет копирайтов

Плиз откройте, иначе трудно будет понять что менно я хочу.

1. Мне нужно ширину внутренней таблицы (то есть те таблица в нутри которой

уже находится лого, пото форумы, статистика и потом ссылки на удаление

кукуесов там и прочее) такой же ширины как вот тут

http://www.la2online.ru/forum/ (только у них внешняя рамка, а мне внутренняя нужна). Там где ссылки в низу вообще шире, что конечно не годится. Как это делается?

2. Опять таки там в низу где ссылки как у этой таблицы фон убрать свой, я

хочу чтобы там был тот же фон что и везде.

3. В заголовках форумом и статистики: вот допустим надпись Статистика

форума, там выравние по центру, я хочу как обычно бывает то есть по левому

краю. А вот кнопку сворачивания категорий и статистики на обратно выравнять по правому краю, то есть как бывает обычно. как это сделать?

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

Ссылка на комментарий
Поделиться на других сайтах
Fisana

Fisana

Опубликовано
Опубликовано

Знаю этот скин.

С ним будет трудно работать.

Давайте по порядку.

С самого простого:

Для начала пропишите правильно логотип.

Задаете точную его высоту и 100% ширину, ведь он же должен растягиваться.

Пример тут - SparkNet_Inferno 2

Высота в пикселях у вас будет другая.. Ваша.

 

И почему форум без копирайтов? Не зря Вы боялись ссылки выкладывать.

Эту ссылку удалю. Вернете копирайты, продолжим.[1125143202:1125144922]На форуме, который по ссылке для примера, логотип тоже неправильно прописан.

В опере на него наезжают кнопки меню.

И ширина таблицы, вероятно, подогнана под логотип, а должно быть наоборот.

В любом случае такие логотипы прописываются со 100% заполнением.

 

И если выбрали новый навороченный скин, то при изменении ширины таблиц у вас расползется вся графика их обрамленcss

Фон менять не проблема - открываете расширенное редактирование сss и экспериментируете.

Желательно используя специальные утилиты для определения цветов. Одна из них называется color-калькулятор ...

 

С выравниванием тоже можно помочь редактированием css. Прописывать в нужных классах

text-align: center;

 

Ширину полей со ссылками можно изменить с помощью параметра - padding в нужных классах.[1125143202:1125147026]Совсем забыла -

в css тоже укажите свою ширину-

#logostrip{ 
background: #000000 url(style_images/darkside/tile_back.gif);
border: 1px solid #000000;
height: 139px;
margin: 0;
padding: 0;
}

 

139 замените на Ваше значение ширины картинки.

Ссылка на комментарий
Поделиться на других сайтах
OldBaku

OldBaku

Опубликовано
  • Автор
Опубликовано

С лого разобрался вроде =)

Фон менять не проблема - открываете расширенное редактирование сss и экспериментируете.

А можно не эксперементировать? =) Я точно знаю какие мнец вета нужно. Просто мне нужно точно знать какие классы для определённых вещей:

1. Там где ссылки удалить кукиес и всё такое.

2. Там где селекторы смены скина и языка.

3. Копирайт.

(в этих трёх мне вообще нужно убрать фон)

4. Там где написано приветствуие.

5. Сами названия разделов форума и описания де.

6. Статистика.

(тут поменяю на другой)

знать бы классы там какие.

С выравниванием тоже можно помочь редактированием css. Прописывать в нужных классах

text-align: center;

В каких? в этом то и проблема опять таки.

Ширину полей со ссылками можно изменить с помощью параметра - padding в нужных классах.

аналогично :D

Ссылка на комментарий
Поделиться на других сайтах
Fisana

Fisana

Опубликовано
Опубликовано

1 - кукис:

.toplinks span{
background: #1C322F;
border: 1px solid #000000;
border-bottom: 0;
color: #BBBBBB;
font-size: 10px;
font-weight: bold;
margin: 0 10px 0 0;
padding: 5px;
}

 

2. Копирайт:

 

.copyright{ 
background: #1C322F;
            border: 1px solid #000000;
font-size: 11px; 
margin: 0 0 5px 0;
padding: 8px;
}

 

2. Смена скина и все такое:

#gfooter{
background: #1C322F;
margin: 5px 0 5px 0;
padding: 0;
width: 100%;
}

 

Меняете везде чтобы было - 

background: transparent;

и (где он есть) 

border: 0;

 

Со остальным разбирайтесь сами. У меня времени нет переписывать Ваш стиль.

Изучайте css.

Ссылка на комментарий
Поделиться на других сайтах
Fisana

Fisana

Опубликовано
Опубликовано

Начните хотя бы с этого CSS в IPB 2.0.0, список стилей

Правда, там есть некоторые ошибки. Но ваши проблемы можно решить.

Ссылка на комментарий
Поделиться на других сайтах
OldBaku

OldBaku

Опубликовано
  • Автор
Опубликовано

С некторыми проблемам удалось разобраться, а некоторые остались.

http://oldbaku.com/temp/darkside/

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

Где это редактируется?

 

И основная моя проблема, всё что идёт после разделов, шире. Как сделать ширину такой же как и у раделов.

http://oldbaku.com/temp/darkside/index.php?showforum=2 вот тут тоже самое уже где показано сколько человек простматриваю шире.

Ссылка на комментарий
Поделиться на других сайтах
Fisana

Fisana

Опубликовано
Опубликовано

Эх.. Плохо Вы css изучаете.

Цвет контуров таблиц -

.borderwrap,
.borderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
       background: сделать светлее!

У Вас там тот же цвет - 222222, что и в row1 и row2 используется.

Осветлится при этом и фон некоторых форм..

 

Или у этих роев делать правый и нижний контуры светлее. По умолчанию контуров в этих классах нет.

 

Насчет смещения просто так не скажу. Общий margin где-то неправильно выставлен. Кнопки тем даже вылезают..

Может тут - 

body{ 
background: #000;
color: #CCCCCC;
font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
font-size: 10px;
line-height: 135%;
margin: 0;
padding: 0; /* required for Opera to have 0 margin */
text-align: center; /* centers board in MSIE */

 

Но скорее всего нет. Либо ширину таблицы меняли, а margin остался прежним..

Эксперементируйте, сохраняя варианты.

Ссылка на комментарий
Поделиться на других сайтах
OldBaku

OldBaku

Опубликовано
  • Автор
Опубликовано

С первым разобрался....

Ну вот со смешением я уже практически всё перепробывал не выходит...

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

 

2nickostyle

Прикол в том что ничего связанного с этим не менял! Посмотрите плизз может вы поймёте в чём там проблема? http://oldbaku.com/temp/darkside/index.php?act=idx

Ссылка на комментарий
Поделиться на других сайтах
nickostyle

nickostyle

Опубликовано
Опубликовано
откуда знаешь, с чем были связаны твои изменения? Я и прошу мне рассказать, что делал, что менял. Как я могу чем то помочь, когда не знаю, что ты сделал?
Ссылка на комментарий
Поделиться на других сайтах
Fisana

Fisana

Опубликовано
Опубликовано

Если сразу при установке баг вылез, то откуда мы можем знать, в чем ошибся его автор?

Качали с Invisionize?

Там вопрос можно автору скина задать в теме поддержки. Правда на английском.

Ссылка на комментарий
Поделиться на других сайтах
Fisana

Fisana

Опубликовано
Опубликовано

А зачем она нам?

Вы в тему поддержки там зайдите и вопрос про смещение задайте, если смещение было изначально.

Проверьте на всякий... Поставьте его снова под другим именем. А то нехорошо получится, если автора в заблуждение введете.

Ссылка на комментарий
Поделиться на других сайтах
nickostyle

nickostyle

Опубликовано
Опубликовано

не, для остального низя, ни в коем разе

 

Edit Root Skin Template HTML / Forum Index / PageTop

 

Заменяй всё на это:

<br><script language="javascript" type="text/javascript">
<!--
var unselectedbutton = "{ipb.vars['img_url']}/topic_unselected.gif";
var selectedbutton   = "{ipb.vars['img_url']}/topic_selected.gif";
var lang_gobutton    = "{ipb.lang['f_go']}";
var lang_suredelete  = "{ipb.lang['cp_js_delete']}";
//-->
</script>
<script type="text/javascript" src="jscripts/ipb_forum.js"></script>   
<!--IBF.SUBFORUMS-->
<table cellspacing="0">
<tr>
 <td style='padding-left:0px' width="60%">{$data['SHOW_PAGES']}</td>
 <td class='nopad' style='padding:0px 13px 5px 0px' align="right" nowrap="nowrap"><a href="{ipb.script_url}act=Post&CODE=00&f={$data['id']}"><{A_POST}></a>{$data[POLL_BUTTON]}</td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr> 
   <td colspan="3" bgcolor="#FFFFFF"> 
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr> 
         <td bgcolor="#FFFFFF" class="topleft4"> </td>
         <td class="topper4" bgcolor="#232323"> </td>
         <td class="topright4" bgcolor="#FFFFFF"> </td>
       </tr>
     </table>
   </td>
 </tr>
 <tr> 
   <td bgcolor="#FFFFFF" class="left4"> </td>
   <td bgcolor="#00FFCC" class="bg4" valign="top">




<div class="borderwrap">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td width="149" style="background:  url(style_images/<#IMG_DIR#>/cat_back.gif);">
<div align="left"><img src="style_images/<#IMG_DIR#>/cat_top_ls.gif" alt="" width="149" height="25" /></div></td>
   <td width="100%" style="background:  url(style_images/<#IMG_DIR#>/cat_back.gif);"><table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr> 
         <td width="41%"><div align="left" class="maintitle2"><strong><{CAT_IMG}> {$data['name']}</strong></div>
           <div align="right"></div></td>
         <td width="59%"><div align="right" class="maintitle2"><a href="{ipb.script_url}act=Login&CODE=04&f={$data['id']}">{ipb.lang['mark_as_read']}</a> 
             · <a href="{ipb.script_url}act=Track&f={$data['id']}&type=forum">{ipb.lang['ft_title']}</a> 
           </div></td>
       </tr>
     </table></td>
   <td width="149" style="background:  url(style_images/<#IMG_DIR#>/cat_back.gif);">
<div align="right"><img src="style_images/<#IMG_DIR#>/cat_top_rs.gif" alt="" width="149" height="25" /></div></td>
 </tr>
</table>

<table cellspacing="1">
<tr> 
 <th align="center"> </th>
 <th align="center"> </th>
 <th width="50%" nowrap="nowrap">{ipb.lang['h_topic_title']}</th>
 <th width="7%" align="center" nowrap="nowrap">{ipb.lang['h_replies']}</th>
 <th width="14%" align="center" nowrap="nowrap">{ipb.lang['h_topic_starter']}</th>
 <th width="7%" align="center" nowrap="nowrap">{ipb.lang['h_hits']}</th>
 <th width="22%" nowrap="nowrap">{ipb.lang['h_last_action']}</th>
<if="ipb.member['is_mod']">
<th width="1%" align="center"> </th>
</if>

</tr>




<!-- Forum page unique top -->






<!--IBF.ANNOUNCEMENTS-->

 

 

 

Там же в TableEnd

Всё на это:

<tr>
	 <td colspan="8" class="darkrow1">
   <table cellspacing="0">
  	 <tr>
     <td width="50%" class="nopad">
    	 <form action="{ipb.script_url}" method="post" name="search">
       <input type="hidden" name="forums" value="{$data['id']}" />
       <input type="hidden" name="cat_forum" value="forum" />
       <input type="hidden" name="act" value="Search" />
       <input type="hidden" name="joinname" value="1" />
       <input type="hidden" name="CODE" value="01" />
       <input type="text" size="30" name="keywords" value="{ipb.lang['enter_keywords']}" onfocus="this.value = '';" /> <input type="submit" value="{ipb.lang['search_forum']}" class="button" />
    	 </form>
     </td>
<if="ipb.member['is_mod']">
<td width="50%" align="right" nowrap="nowrap" class="nopad">
    	 <form name="modform" method="post" action="{ipb.script_url}act=mod&CODE=topicchoice&f={$data['id']}" onsubmit="return checkdelete();">
       <input type="hidden" name="act" value="mod" />
       <input type="hidden" name="auth_key" value="{$auth_key}" />
       <input type="hidden" name="modfilter" value="{ipb.input['modfilter']}" />
       <input type="hidden" value="{ipb.input['selectedtids']}" name="selectedtids"" />
       <select name="tact">
      	 <option value="close">{ipb.lang['cpt_close']}</option>
      	 <option value="open">{ipb.lang['cpt_open']}</option>
      	 <option value="pin">{ipb.lang['cpt_pin']}</option>
      	 <option value="unpin">{ipb.lang['cpt_unpin']}</option>
      	 <option value="move">{ipb.lang['cpt_move']}</option>
      	 <option value="merge">{ipb.lang['cpt_merge']}</option>
      	 <option value="delete">{ipb.lang['cpt_delete']}</option>
      	 <option value="approve">{ipb.lang['cpt_approve']}</option>
      	 <option value="unapprove">{ipb.lang['cpt_unapprove']}</option>
      	 <!--IBF.MMOD-->
       </select> 
       <input type="submit" name="gobutton" value="{ipb.lang['f_go']}" class="button" />
    	 </form>
     </td>
</if>

  	 </tr>
   </table>
	 </td>
 </tr>
 <tr> 
	 <td class="catend" colspan="8"><!-- no content --></td>
 </tr>
</table>
</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td style="background: url(style_images/<#IMG_DIR#>/extended_main_table_bottom.gif);"><div align="left"><img src="style_images/<#IMG_DIR#>/ls_main_table_bottom.gif" width="60" height="14" alt="" /></div></td>
   <td style="background: url(style_images/<#IMG_DIR#>/extended_main_table_bottom.gif);"><img src="style_images/<#IMG_DIR#>/clear.gif" width="1" height="1" alt="" /></td>
   <td style="background: url(style_images/<#IMG_DIR#>/extended_main_table_bottom.gif);"><div align="right"><img src="style_images/<#IMG_DIR#>/rs_main_table_bottom.gif" width="60" height="14" alt="" /></div></td>
 </tr>
</table>

</td>
   <td class="right4" bgcolor="#FFFFFF"> </td>
 </tr>
 <tr> 
   <td bgcolor="#FFFFFF" colspan="3">
     <table width="100%" border="0" cellspacing="0" cellpadding="0" height="6">
       <tr> 
         <td bgcolor="#FFFFFF" class="botleft4"> </td>
         <td class="bottomer4" bgcolor="#232323"> </td>
         <td class="botright4" bgcolor="#FFFFFF"> </td>
       </tr>
     </table>
   </td>
 </tr>
</table>



<table cellspacing="0">
<tr>
 <td style='padding-left:0px' width="50%" nowrap="nowrap">{$data['SHOW_PAGES']}</td>
 <td class='nopad' style='padding:5px 13px 5px 0px' align="right" width="50%"><a href="{ipb.script_url}act=Post&CODE=00&f={$data['id']}"><{A_POST}></a>{$data[POLL_BUTTON]}</td>
</tr>
</table>
<!--IBF.FORUM_ACTIVE-->
<div class="activeusers">
<div class="row2">
 <table cellspacing="0">
	 <tr>
   <td width="5%" nowrap="nowrap">
  	 <{B_NEW}>  <span class="desc">{ipb.lang['pm_open_new']}</span>
  	 <br /><{B_NORM}>  <span class="desc">{ipb.lang['pm_open_no']}</span>
  	 <br /><{B_HOT}>  <span class="desc">{ipb.lang['pm_hot_new']}</span>
  	 <br /><{B_HOT_NN}>  <span class="desc">{ipb.lang['pm_hot_no']}</span> 
   </td>
   <td width="5%" nowrap="nowrap">
  	 <{B_POLL}>  <span class="desc">{ipb.lang['pm_poll']}</span>
  	 <br /><{B_POLL_NN}>  <span class="desc">{ipb.lang['pm_poll_no']}</span>
  	 <br /><{B_LOCKED}>  <span class="desc">{ipb.lang['pm_locked']}</span>
  	 <br /><{B_MOVED}>  <span class="desc">{ipb.lang['pm_moved']}</span>
   </td>
   <td align="right" width="90%">
  	 {$data[FORUM_JUMP]}<br /><br />
  	 <form action="{ipb.script_url}act=SF&f={$data['id']}&st={ipb.input['st']}" method="post">
     <select name="sort_key">{$ibforums->show['sort_by']}</select>
     <select name="sort_by">{$ibforums->show['sort_order']}</select>
     <select name="prune_day">{$ibforums->show['sort_prune']}</select>
     <select name="topicfilter">{$ibforums->show['topic_filter']}</select>
     <input type="submit" value="{ipb.lang['sort_submit']}" class="button" />
  	 </form>
   </td>
	 </tr>
 </table>
</div>
</div>
<if="ipb.member['is_mod']">
<br />
<div align="center">
<a href="{ipb.script_url}showforum={$data['id']}&modfilter=invisible_topics">{ipb.lang['mod_showallinvisible']}</a>
·
<a href="{ipb.script_url}showforum={$data['id']}&modfilter=invisible_posts">{ipb.lang['mod_showallposts']}</a>
·
<a href="{ipb.script_url}act=mod&CODE=resync&f={$data['id']}&auth_key={$auth_key}">{ipb.lang['mod_resync']}</a>
·
<a href="javascript:PopUp('{ipb.script_url}act=mod&CODE=prune_start&f={$data['id']}&auth_key={$auth_key}', 'PRUNE', 600,500)">{ipb.lang['mod_prune']}</a>
</div>
</if>

<br clear="all" />

 

Кустарный метод, но у меня работает. А вообще копать буду

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

Вы можете ответить сейчас, а зарегистрироваться позже. Если у вас уже есть аккаунт, войдите, чтобы ответить от своего имени.

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
 Поделиться
Перейти к списку тем
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.

  Согласен