Дизайн: решение вопросов - Страница 132

Страница 132 из 279 « 1 2 … 130 131 132 133 134 … 278 279 »
Модератор форума: Yuri_G

Дизайн: решение вопросов (редактирование шаблонов)

Дизайн: решение вопросов

Модератор форума

Сообщение # 1 | 16:24:33 10 Окт 2012

Для пользователей не в первый раз слышащих об HTML. Тех кто не знает как вставить картинку или поменять фон, просим изучить сначала учебник - Учебник по Html для чайников. Оглавление или Для тех, кто делает сайты. Оглавление.

Правила темы

1) Если после редактирования шаблонов у вас возникли проблемы с дизайном, то вы должны четко и ясно описать возникшие проблемы. Описание проблемы !обязательно! должно сопровождаться ссылкой на сайт где присутствует проблема с дизайном (лучше всего на страницу, где присутствует проблема )

2) Если в описании проблемы с дизайном необходим скриншот, то скриншоты не должны по размерам превышать 500х500 пкс

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

Тема имеет архив.

Данная тема имеет архив. Просмотреть архив.

Natush

Сообщений: 17

Репутация: 1

Сообщение # 1966 | 06:25:11 28 Май 2015

Сообщение отредактировал Natush - Четверг, 28 Май 2015, 06:50:44

Pavel-1

Сообщений: 1

Репутация: 0

Сообщение # 1967 | 09:58:35 28 Май 2015

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

Добавлено (28 Май 2015, 09:58:35)
---------------------------------------------
всем спасибо разобрался сам

юкозчик

Сообщений: 115

Репутация: 1

Уровень замечаний:

Сообщение # 1968 | 14:11:11 28 Май 2015

можно ли как то изменить этот цвет. не стандартные , а на любой

Добавлено (28 Май 2015, 14:11:11)
---------------------------------------------

Цитата юкозчик (

)

можно ли как то изменить этот цвет. не стандартные , а на любой

спасибо всем. я уже сделал это

Прикрепления: 0006900.png (15.4 Kb)

Natush

Сообщений: 17

Репутация: 1

Сообщение # 1969 | 06:39:52 29 Май 2015

Добрый день! Помогите разобраться, как заменить название в шапке 1 "В" класс на 2 "В" класс. Как я не пробовала не получается.. http://lives41.ucoz.ru/

vova19061

Сообщений: 64

Репутация: 1

Сообщение # 1970 | 07:08:07 29 Май 2015

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

Сообщение отредактировал vova19061 - Пятница, 29 Май 2015, 07:26:33

monstar8284

Сообщений: 2

Репутация: 0

Сообщение # 1971 | 11:56:01 29 Май 2015

Добрый день, подскажите пожалуйста, как можно убрать данную картинку
ни как не могу найти как убрать эту туфельку )
Подскажите пожалуйста, заранее большое спасибо

Sentimo

Сообщений: 681

Репутация: 158

Сообщение # 1972 | 12:14:36 29 Май 2015

Туфелька находится в ксс, удалите красное

#site-logo .site-l {display:inline-block; padding:0 0 0 50px;background:url(/.s/t/1151/logo.png) 0 8px no-repeat;}

monstar8284

Сообщений: 2

Репутация: 0

Сообщение # 1973 | 13:02:05 29 Май 2015

Sentimo, Спасибо большое =)) Очень помог ))
Все получилось )

Funny_007

Сообщений: 50

Репутация: 0

Сообщение # 1974 | 14:56:15 29 Май 2015

Всем привет! На сайте вставил слайдер и заметил вот что: при загрузке страницы слайдер "скачет", т.е. сначала появляется внизу, а только потом наверху. Чувствую, что такого не должно быть. Помогите, в чем причина?

leonoff(on)

Сообщений: 296

Репутация: 57

Сообщение # 1975 | 15:22:28 29 Май 2015

Funny_007, во-первых, надо навести порядок. Что за мода вставлять CSS стили в <body> когда для этого есть <head>? Вы же не храните дома в холодильнике туфли, например?))

Для начала открываем стили (ПУ - Дизайн - Управление дизайном (CSS)) и переносим туда стили слайдера, а именно пишем

Код

@import "http://shab1133.ucoz.net/AviaSlider/royalsli.css" screen;
@import "http://shab1133.ucoz.net/AviaSlider/rs-minim.css" screen;
#full-width-slider { width: 100%; color: #000;}#full-width-slider * { -webkit-backface-visibility: inherit;}.coloredBlock { padding: 12px; background: rgba(255,0,0,0.6); color: #FFF; width: 200px; left: 20%; top: 5%;}.infoBlock { position: absolute; top: 30px; right: 30px; left: auto; max-width: 25%; padding-bottom: 0; background: #FFF; background: rgba(255, 255, 255, 0.8); overflow: hidden; padding: 20px;}.infoBlockLeftBlack { color: #FFF; background: #000; background: rgba(0,0,0,0.5); left: 30px; right: auto;}.infoBlock h4 { font-size: 20px; line-height: 1.2; margin: 0; padding-bottom: 3px;}.infoBlock p { font-size: 14px; margin: 4px 0 0;}.infoBlock a { color: #FFF; text-decoration: underline;}.photosBy { position: absolute; line-height: 24px; font-size: 12px; background: #FFF; color: #000; padding: 0px 10px; position: absolute; left: 12px; bottom: 12px; top: auto; border-radius: 2px; z-index: 25; } .photosBy a { color: #000;}.fullWidth { max-width: 1920px; margin: 0 auto 24px;}
@media screen and (min-width:960px) and (min-height:660px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 520px !important; }}
@media screen and (min-width:960px) and (min-height:1000px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 660px !important; }}@media screen and (min-width: 0px) and (max-width: 800px) { .royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow { height: 300px !important; } .infoBlock { padding: 10px; height: auto; max-height: 100%; min-width: 40%; left: 5px; top: 5px; right: auto; font-size: 12px; } .infoBlock h3 { font-size: 14px; line-height: 17px; }}

Из шаблона Верхняя часть сайта соответственно удаляем все эти строки, т.к. мы их прописали в CSS.

Теперь вставляем этот код перед </body>

Код

Из шаблона Верхняя часть сайта так же удаляем все эти строки + <script src="http://shab1133.ucoz.net/AviaSlider/jquery00.js"></script> тоже удалить!
Т.е. там останется только содержимое слайдера.

Муж рассказал жене, что у него есть любовница. Причина смерти: коронавирус.

Funny_007

Сообщений: 50

Репутация: 0

Сообщение # 1976 | 18:07:37 29 Май 2015

leonoff(on), спасибо! Действительно, вставлять стили в <body> непозволительно)

Но что-то пошло не так и на сайте теперь полная хрень. Вроде все сделал как вы написали, странно все это

Сообщение отредактировал Funny_007 - Пятница, 29 Май 2015, 18:07:58

leonoff(on)

Сообщений: 296

Репутация: 57

Сообщение # 1977 | 19:35:34 29 Май 2015

Funny_007, без паники. Сейчас разберемся. Пока только заметил в верхней части сайта (в шаблоне) <meta> теги. Их бы тоже в хеад перенести

Добавлено (29 Май 2015, 19:35:34)
---------------------------------------------
Funny_007, из всех стилей достаточно оставить

Код

#full-width-slider { width: 100%; height:100%; color: #000;}
  #full-width-slider * { -webkit-backface-visibility: inherit;}
  .coloredBlock { padding: 12px; background: rgba(255,0,0,0.6); color: #FFF; width: 200px; left: 20%; top: 5%;}
  .infoBlock { position: absolute; top: 40px; right: 30px; left: auto; max-width: 25%; padding-bottom: 0; background: #FFF; background: rgba(255, 255, 255, 0.8); overflow: hidden; padding: 20px;}
  .infoBlockLeftBlack { color: #FFF; background: #000; background: rgba(0,0,0,0.5); left: 30px; right: auto;}.infoBlock h4 { font-size: 20px; line-height: 1.2; margin: 0; padding-bottom: 3px;}
  .infoBlock p { font-size: 14px; margin: 4px 0 0;}
  .infoBlock a { color: #FFF; text-decoration: underline;}
  .photosBy { position: absolute; line-height: 24px; font-size: 12px; background: #FFF; color: #000; padding: 0px 10px; position: absolute; left: 12px; bottom: 12px; top: auto; border-radius: 2px; z-index: 25; }
  .photosBy a { color: #000;}.fullWidth { max-width: 1920px; margin: 0 auto 24px;}
@media screen and (min-width:960px) and (min-height:660px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 520px !important; }}
@media screen and (min-width:960px) and (min-height:1000px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 660px !important; }}@media screen and (min-width: 0px) and (max-width: 800px) { .royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow { height: 300px !important; } .infoBlock { padding: 10px; height: auto; max-height: 100%; min-width: 40%; left: 5px; top: 5px; right: auto; font-size: 12px; } .infoBlock h3 { font-size: 14px; line-height: 17px; }}

.rsSlide {
    position: absolute;
    left: 0;
    top: 80;
    display: block;
    overflow: hidden;

    height: 100%;
    width: 100%;
}

После слайдера ставим

Код

Ну и еще у вас один лишний div перед тем как начинается слайдер
<div> <div class="page wrapper main-wrapper"> </div> <div class="sliderContainer fullWidth clearfix">....
Я его выделил красным - удалить. Ну и все. Должно будет заработать.

Муж рассказал жене, что у него есть любовница. Причина смерти: коронавирус.

Funny_007

Сообщений: 50

Репутация: 0

Сообщение # 1978 | 20:20:44 29 Май 2015

leonoff(on), weep

Че то не прет...
Вы уже столько времени на меня потратили...ужас

Сообщение отредактировал Funny_007 - Пятница, 29 Май 2015, 20:22:13

leonoff(on)

Сообщений: 296

Репутация: 57

Сообщение # 1979 | 20:57:02 29 Май 2015

Funny_007, я же написал, что нужно оставить из CSS

Код

#full-width-slider { width: 100%; height:100%; color: #000;}
   #full-width-slider * { -webkit-backface-visibility: inherit;}
   .coloredBlock { padding: 12px; background: rgba(255,0,0,0.6); color: #FFF; width: 200px; left: 20%; top: 5%;}
   .infoBlock { position: absolute; top: 40px; right: 30px; left: auto; max-width: 25%; padding-bottom: 0; background: #FFF; background: rgba(255, 255, 255, 0.8); overflow: hidden; padding: 20px;}
   .infoBlockLeftBlack { color: #FFF; background: #000; background: rgba(0,0,0,0.5); left: 30px; right: auto;}.infoBlock h4 { font-size: 20px; line-height: 1.2; margin: 0; padding-bottom: 3px;}
   .infoBlock p { font-size: 14px; margin: 4px 0 0;}
   .infoBlock a { color: #FFF; text-decoration: underline;}
   .photosBy { position: absolute; line-height: 24px; font-size: 12px; background: #FFF; color: #000; padding: 0px 10px; position: absolute; left: 12px; bottom: 12px; top: auto; border-radius: 2px; z-index: 25; }
   .photosBy a { color: #000;}.fullWidth { max-width: 1920px; margin: 0 auto 24px;}
@media screen and (min-width:960px) and (min-height:660px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 520px !important; }}
@media screen and (min-width:960px) and (min-height:1000px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 660px !important; }}@media screen and (min-width: 0px) and (max-width: 800px) { .royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow { height: 300px !important; } .infoBlock { padding: 10px; height: auto; max-height: 100%; min-width: 40%; left: 5px; top: 5px; right: auto; font-size: 12px; } .infoBlock h3 { font-size: 14px; line-height: 17px; }}

.rsSlide {
     position: absolute;
     left: 0;
     top: 80;
     display: block;
     overflow: hidden;

     height: 100%;
     width: 100%;
}

И все. Больше никаких импортов. Т.е. вот эти строки удаляем

Код

@import "http://shab1133.ucoz.net/AviaSlider/royalsli.css" screen;
@import "http://shab1133.ucoz.net/AviaSlider/rs-minim.css" screen;

Добавлено (29 Май 2015, 20:47:24)
---------------------------------------------
Funny_007, тут просто куча не нужных стилей, которые друг друга перекрывают по 10 раз. Из-за этого не работает.

Цитата Funny_007 (

)

Вы уже столько времени на меня потратили...ужас

Если уж помогать, то до победного smile