Question

Здравствуйте!
Мне очень нужно решить несколько вопросов

1. Каким образом увеличить размер шрифта и поменять привязку к краям (нужно, чтобы текст Web, Java, C++ начинался наровне с Категории раздела, ну или чуть ближе-дальше) 
​

2. Как изменить размер шрифта?



3. Я шаманил над меню

В нём сделал первые 5 пунктов ссылками на разделы новостей и статей
Последние две остались теми же, родными, с изменёнными названиями.

Те что были родные, при нахождении в разделе подчёркиваются
Те, которые добавил я - не подчёркиваются
Вопрос: Как сделать так, чтобы все пункты меню поддавались одному классу CSS?
И, собственно, какой класс СSS отвечает за нижнее подчёркивание?

3. Есть 3 модуля:
- Новости (там свои категории и дизайн модуля)
- Статьи (тоже свои категории и дизайн модуля)
- Обычные страницы сайта 

Так вот, на обычных мне нужно сделать страницу сплошной, без правого блока. Но так, чтобы она была ровно по центру.
Сейчас, если я убираю правый блок (где Категории и поиск) левая часть остаётся слева, а нужно чтобы она была по центру.

Я понял как убрать этот правый блок.
Но не нашёл в CSS параметр, который отвечает за расположение основной части (BODY) 

Как сейчас:


Как нужно:


При этом, чтобы данное отображение было применимо только к этой странице.
Она не относится к модулям Статей и Новостей.

Буду рад узнать решение хотя бы по нескольким пунктам.
Ну или описание тегов CSS, нашёл по своему шаблону инфу. но её крайне недостаточно.
 

Comments

Забыл уточнить, я понимаю работу с кодом. Мне просто нужно понять что искать в css.

Answer 1

1-2. По размеру и выравниванию по уровню в блоке. пропишите в стили:

.sidebox .catsTable .catName {
    font-size: 15px;
    margin-left: 40px;
}

15 это размер шрифта и 40 это выравнивание по названию блока ваших категорий. Регулируйте под себя и под нужные размеры.

3. Это баг в системном меню, очень старый уже. Посмотрите материалы:

• http://www.ucoz.ru/qa/index.php/69612 Активный пункт меню с помощью условных операторов
• http://www.ucoz.ru/qa/index.php/28759 Активный пункт Меню Сайта
• http://www.ucoz.ru/qa/index.php/47472 Активная ссылка

Comments

TUMANT,

Эти стили поправьте:

.sidebox .catsTable .catName {
 font-size: 15px;
 margin-left: 40px;
}

замените на:

.sidebox .catsTable .catName,.sidebox .catsTable .catNameActive {
 font-size: 15px;
 margin-left: 40px;
}

---

Yuri_Geruk,

• http://www.ucoz.ru/qa/index.php/69612 Активный пункт меню с помощью условных операторов
• http://www.ucoz.ru/qa/index.php/28759 Активный пункт Меню Сайта
• http://www.ucoz.ru/qa/index.php/47472 Активная ссылка
   

 

Изучил 3 ссылки. Как я понял -всё дело в том, что не добавляется слэш при переходе в раздел.

 

1 и 3 показались лютыми костылями. Если я надумаю сделать собственное меню, то пропишу все стили заново. Хочется попроще.

Поэтому выбрал второй вариант, однако он не сработал до конца: 

Общий раздел это Каталог статей - то есть ссылка - /publ/ - там всё ок
Но мои пункты меню ведут сразу к определённой категории - то есть ссылка - /publ/3/
В конструкторе меню прописал слэш, почистил куки, всё равно не сработало. 
То есть при нажатии на пункт меню, открывается не /publ3/, а /publ3.

Может есть вариант в одном месте принудительно задать присвоение / в конце ссылки без скрипта в каждом разделе?

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

---

адреса категорий системно на уровне сервера прописаны без слеша на конце. для тех кто его туда пишет срабатывает редирект на правильную ссылку. это нужно для сео

---

webanet,

То есть добиться написания слэша можно только первым и третьи способами?

Простите, что мучаю.
Вот смотрите, код меню, который я настроил:
 

 .main-menu .uMenuRoot li>a span{padding: 10pt} .main-menu .uMenuRoot>li:hover>a span{background-color: rgba(66, 170, 255, 0.2)} \\ НАВЕДЕНИЕ НА МЕНЮ .main-menu li:hover>a.uMenuItemA{background-color:#42aaff} .main-menu #uNMenuDiv1 .uWithSubmenu a.uMenuItemA span,.main-menu #uNMenuDiv1 a.uMenuItemA span{border-bottom:0px solid #91756d} .main-menu .overflow a.uMenuItemA span{border-bottom:0px} .main-menu a,.main-menu span{display:inline-block;vertical-align:middle} .main-menu a{color:#fff} .calMdayIsA .calMdayLink:hover,.eTitle a:hover,.logo-lnk:hover,.main-menu a:hover,.main-menu a:hover span{text-decoration:none} .main-menu .uMenuRoot>li>a,.main-menu .uMenuRoot>li>span{padding:15px;vertical-align:top;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s} .uMenuItemA{cursor:default} .main-menu .overflow li.uWithSubmenu .menu_tog,.main-menu li.uWithSubmenu li.uWithSubmenu .menu_tog{left:initial;right:5px;top:15px;-webkit-transform:rotate(-90deg)!important;transform:rotate(-90deg)!important;-ms-transform:rotate(-90deg)!important} .main-menu .navItemMore .overflow li.uWithSubmenu .menu_tog{right:initial;left:5px;top:15px;-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important} .overflow li a span,.main-menu .uWithSubmenu li a span,.main-menu a{padding:0 10px} li:hover>.uWithSubmenu:after{border-right-color:#58b0be!important} .main-menu li ul{display:none;background-color:#84ad6b;min-width:110px;text-align: left;} .main-menu li ul a,.main-menu li ul li>span{padding:13px 20px} #catmenu ul.uMenuRoot{height:40px;overflow:hidden;text-align:center} \\\123412341234 #catmenu li.navItemMore:hover>ul,#catmenu li:hover>ul{position:absolute;width:220px;right:initial;top:50px;left:0;z-index:30;display:block} #catmenu li.navItemMore:hover>ul{left:initial;right:0} #catmenu li.uWithSubmenu:hover>ul{display:block;background:#84ad6b} #catmenu .uMenuRoot>li.uWithSubmenu:hover>ul::before{content:'';position:absolute;left:20px;top:-20px;border:10px solid transparent;border-bottom:10px solid #84ad6b} #catmenu .uMenuRoot>li.navItemMore:hover>ul::before{content:'';position:absolute;right:28px;top:-20px;border:10px solid transparent;border-bottom:10px solid #84ad6b} .navItemMore ul.overflow li.uWithSubmenu ul,ul.overflow li.uWithSubmenu ul{left:initial;right:100%} #catmenu .overflow a:hover,#catmenu li li a.uMenuItemA,#catmenu li li.uWithSubmenu:hover>a,#catmenu li.uWithSubmenu ul a:hover,#catmenu ul ul li a:hover{background:rgba(255,255,255,.2)} .main-menu #catmenu ul ul ul{top:0;right:-220px;left:auto} #catmenu li.uWithSubmenu a,li.uWithSubmenu a{padding-right:25px;position:relative} #catmenu ul li a{text-transform:uppercase;cursor:pointer;font-weight:600} .main-menu li li{display:block;margin:0;padding:0;min-width:80px;text-transform:none} .main-menu li li a,.main-menu li li>span,.sidebox li.item-parent.over>ul,.sidebox li.parent-li.over>ul{display:block} .main-menu li,.main-menu li ul>li{position:relative} .main-menu li ul li:hover>ul{position:absolute;top:-10px;right:100%;left:inherit;z-index:10;display:block} .sidebar .uMenuV ul{padding-left:15px}

В первых строчках я задал полупрозрачный фон при наведении на пункт меню, вместо подчёркивания.
Убрал подчёркивание при нахождении на выбранной странице, чёрт с ним.

Но теперь не могу найти, где заданы отступы, хочу чтобы кнопки касались друг друга (условно)

---

TUMANT,

Регулируется в строках 86 и 90 в значениях padding: 15px; и padding: 0 10px;