Охохо  Во первых ничо не видно - на таком мелком превью - во вторых - где адрес форума ?

Охохо
Поменяйте код для body В начале второго Окна стиля на этот (*выделен красным

Отредактировано Deff (2011-08-29 22:53:09)

Почему не разукрашивается форум?

Всем привет.
Надо изменить цвет в двух частях, не меняя боди
http://clip2net.com/s/1aLBq
Вот, что надо изменить.
Напиите, что надо менять.

Ладно, последний вопрос, ответ на первый не нужен, на второй нужен.
Третий: вот мой блог для иконок. Но они не отбражаються. В чем дело?

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
       background: url(https://forumupload.ru/uploads/0010/35/b1/78-3.png) no-repeat;
}

tr.inew div.icon {
        background: url(https://forumupload.ru/uploads/0010/35/b1/78-2.png) no-repeat;
}

tr.iclosed div.icon {
        background: #000 no-repeat;
}

tr.iredirect div.icon {
        background: #FFF no-repeat;
}

tr.isticky div.icon {
        background: url(https://forumupload.ru/uploads/0010/35/b1/78-1.png) no-repeat;
}

Закажите таблицу - поставьте картинку фоном к таблице
И тогда выложите ссылку на форум, с подготовленной и установленной таблицей и обращайтесь сюда с просьбой, - сделаем (
Рs - Кликабельные области в этом случае должны быть прямогольными ("полигон" - многоугольник - не прокатит

Отредактировано Deff (2011-09-16 00:54:26)

Deff
я думал, что по одному блоку скажут
http://bridinger.rolka.su/

Всё ещё жду помощи.

А можно это детально разжевать? Я просто работаю с графикой, уровень знаний в области программирования оставляет желать лучшего.)

Буду признателен.

В HTML верх

Ну выручайте теперь и меня со стилем. Переодеваемся в осень, да и сбоку таблицу вставить решили. Все получилось, но вот незадача! Разделило полосу (незнаю как назвать ее) и шрифт поменялся только в ней. Исправить никак не могу, уже всю голову сломала!

вот так есть и должно быть после изменений.

А в тестовике вот что получается!
Помогите! Пожалуйста. Подскажите где ошибка произошла?
Форум
Тестовик

Януш
Спасибо, что помогаете.)
В общем, вот набросок дизайна (это ещё не финальный арт, но расположение примерно такое).
http://thebookofdion.rolka.su/
В общем, меню навигации - это книга. На страницах будет текст (объявления, ссылки, описания и прочее). Снизу, из книги будут торчать закладки - они и будут кликабельными областями. При нажатии на них текст на страницах книги будет меняться (к примеру, Новости, Сюжет и прочее).
Вот и не знаю, что порезать, как порезать, куда вставить... о__О
То, что сначала появляется свиток на всю высоту экрана, а потом режется варварски столом, на котором лежит книга (в смысле, картинкой которая накладывается на фон), сантиметр за сантиметром (у меня сейчас до крайности отвратительный инет) - меня и самого пугает не радует.
Картинка делалась с удовольствием и азартом в фотошопе, но как дело дошло до обрезки... Эпик фэйл.

Gwain
Фух, прошу меня простить, пришлось вытащить полностью ваш дизайн, но я это сделал. Проверено в Мозилле, Опере, Сафари - работает спокойно. В Гугл Хроме съезжает вверх, я пока не дошел до того уровня, чтобы суметь это там пофиксить, но, может, кто умный посмотрит и скажет, что сделать. Пример - здесь: fordis.rolka.su/

Теперь что нужно ставить. Сначала - стиль, надеюсь, разберетесь, как и куда пихнуть.

/* Table for GWAIN
-------------------------------------------------------------*/

.container1 {width: 556px; margin: 0 auto;}


ul.tabs {
    padding: 0;
    float: left;
    list-style: none;
    height: 68px;
    width: 556px;
}


ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 119px;
    line-height: 68px;
    border: 0px;
    overflow: hidden;
    position: relative;
    margin-top: -60px;
}

ul.tabs li a {
padding-top: 2px;
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0;
    outline: none;
}


ul.tabs li a:hover {
}    

ul.tabs li.active  {

}  


html ul.tabs li.active a:hover  {
}

.tab_container1 {
    clear: both;
    float: right; 
    width: 556px;
    height: 473px;
}

.tab_content {
    padding: 8px;
}


.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}

Дальше - скрипт, в html-низ.

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

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>

Дальше - основной код таблицы с комментариями, можете их потом удалить, можете оставить до лучших времен. Крепитесь - грядет) Ставим в html-верх.

<div style="width: 556px; height: 483px; position: absolute; top: 110px; margin-left: 148px; z-index: 400;"> 

<div class="container">
    <div class="html-box">
      <div class="tab_container1">


<div style="display: none;" id="tab1" class="tab_content" >              <!--Первая вкладка, можно размножать сколько хочется, но не забывать менять в id цифру-->

<table height="480px">                  <!--Таблица выравнивания для страничек-->
<tr> <td width="265px" style="padding: 4px; padding-top: 100px;">           <!--Первый столбец - левая страница, часть ниже картинки(!) -->


</td>

<td width="28px"><br></td> <!--Служебный столбец для отступа-->



<td width="45px" style="padding: 2px;">                      <!--Третий столбец - правая страница-->

</td></tr></table>

</div>


      </div>



<ul class="tabs">   <!--Закладки-ссылки-->
    <li class="active"><a href="#tab1"><img src="http://mafia-power.ucoz.ru/eb3d1416.png" style="margin-top: 8px; margin-left: 20px"></a></li>
    <li><a href="#tab2">      </a></li>   <!--Размножаем, меняем числовое значение для нужной вкладки-->

</ul>
    </div>
</div>
</div>

А теперь плотнее про закладки-ссылки. Они вставляются как изображение, подогнанное по верхнему рельефу под "низ страницы книги". <img src="ссылка_на_изображение" style="margin-top: 8px; margin-left: 20px">

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

УДАЧНЫХ НАЧИНАНИЙ!

PS. Маякните, как посмотрите, как это работает - я снесу ваш дизайн со своего тестовика.

Отредактировано Януш (2011-09-30 21:24:15)

Gwain
Надеюсь, все у вас получится)
А мне просто интересно искать необычные решения, да)
Удачи.