• Страница 1 из 5
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Информер"Новое на форуме" "Популярные новости" (Нужна помощь с этим информером...)
Информер"Новое на форуме" "Популярные новости"
TiMzLeR
Четверг, 22 Сентября 2016 | Сообщение 1
Оффлайн
Проверенные
Сообщений:410
Награды: 0
Здравствуйте ребята есть один хороший и даже скажу отличный информер "Новое на форуме" и "Популярные новости" я установил теперь хотелось бы изменить, сделать на пример как на сайте Zornet.ru у меня проблема вот в чем. Когда название материала длинное - то в конце точки, как можно сделать что бы была как на данном сайте Zornet.ru

1)Скриншот информер:



2)
Код
.newCinformer b {width:40px;text-align:center;background-color:#3473AD;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:1px;color:#fff !important;text-shadow:none !important;}
/* .newCinformer b:hover {background-color:#8a8a8a;} */
.newCinformer li {margin-top:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ced6e3;background:#e3e5e5;background: -moz-linear-gradient(top, #fff, #e3e5e5);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e3e5e5));background: -webkit-linear-gradient(top, #fff, #e3e5e5);background: -o-linear-gradient(top, #fff, #e3e5e5);background: -ms-linear-gradient(top, #fff, #e3e5e5);background: linear-gradient(top, #fff, #e3e5e5);padding:2px;}
/* .newCinformer li:hover {background:#e4e7e7;background: -moz-linear-gradient(top, #e4e7e7, #fff);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e7e7), color-stop(100%,#fff));background: -webkit-linear-gradient(top, #e4e7e7, #fff);background: -o-linear-gradient(top, #e4e7e7, #fff);background: -ms-linear-gradient(top, #e4e7e7, #fff);background: linear-gradient(top, #e4e7e7, #fff);} */
.c_inf_line_bottom {
margin:0 -6px 5px;
padding:0 6px 2px;
}
.center,.pollButtons,.pollTotal,.pop_prof_avatar {
text-align:center;
}

.c_inf_full {
margin:-6px 0 0;
}

.c_inf {
overflow:hidden;
vertical-align:top;
padding:0 0 7px;
}

.c_inf li.rows {
width:50%;
float:left;
}

.c_inf ul {
padding:0 5px 0 5px;
}

.c_inf_title {
text-align: center;
background: #1872AF;
padding: 5px 0 7px;
color: #fff;
border-radius: 5px;
font-size: 14px;
margin: 3px 0px 8px;
text-transform: uppercase;
}

.c_inf li div {
overflow:hidden;
margin:0 4px 1px 0;
}

.c_inf li a {
height:17px;
display:block;
float:left;
overflow:hidden;
background:url(http://zornet.ru/ZORNET/drental/c_inf_91.png) no-repeat 0 6px;
margin:0 2px 0 4px;
padding:0 0 0 10px;
}

.c_inf li a:hover {
background-image:url(http://zornet.ru/CSS-ZORNET/Gresan/c_inf_arrow_green_on.png);
}

.c_inf li b {
display:block;
float:right;
font-weight:100;
color:#009900;
}
.c_inf_banka {
padding:4px 0 0;
}
.viewn_loop {
margin-bottom:7px;
width: 836px;
}
.viewn_t_in {
height:34px;
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_t_bg.png) no-repeat 0 0;
}

.viewn_c {
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_c_bg.png) repeat-y 0 0;
}

.viewn_c_in2 {
padding:5px;
}

.viewn_b2 {
height:6px;
display:block;
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_b2_bg.png) no-repeat right -6px;
padding:0 10px 0 0;
}

.viewn_b2 b {
height:6px;
display:block;
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_b2_bg.png) no-repeat 0 0;
}

.viewn_title {
height:16px;
overflow:hidden;
font-size:13px;
font-weight:700;
color:#009900;
padding:9px 0 0 12px;
}

.viewn_detail {
overflow:hidden;
color:#232323;
text-shadow:1px 1px 0px #fff;
margin:-3px 0 0;
padding:0 2px;
}

.viewn_detail a {
color:#009900;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
}

.v_detail_b {
margin-bottom:-5px;
}
.viewn_green .viewn_t,.viewn_green .viewn_t2,.viewn_green .viewn_t_in {
background-image:url(http://zornet.ru/CSS-ZORNET/Gresan/qvhJ3Ij.png);
}

.viewn_green .viewn_c {
margin:-1px 0 0;
}
.c_inf ul li, .pop_prof_in .rows3, .pop_prof_rang .pop_prof_rang_r, .pop_prof_link li {
overflow: hidden;
}
.viewn_t,.viewn_t2,.vcomm_top {
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_t_bg.png) no-repeat right 34px;
padding:0 1px 0 0;
}
.viewn_t_in span {
color: #12598A;
display: block;
margin: 0px 0px 10px;
}
ul,li,form,dl,dt,dd {
display:block;
list-style:none;
margin:0;
padding:0;
}


Заранее спасибо всем кто поможет wink
Прикрепления: 8722445.png (52.7 Kb)


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

Сообщение отредактировал
TiMzLeR - Четверг, 22 Сентября 2016, 22:29
Страна: (AZ)
Kosten
Четверг, 22 Сентября 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
TiMzLeR, мне просто стиль дал -SAM- на эту тему и реально не знаю какой, но тебе все скинул, он там должен по идее быть.
Страна: (RU)
Angerfist
Четверг, 22 Сентября 2016 | Сообщение 3
Оффлайн
Vip
Сообщений:767
Награды: 21
TiMzLeR, в коде информера видать сокращение через substr увеличь кол-во знаков и убери точки

No regrets
Страна: (RU)
Angerfist
Четверг, 22 Сентября 2016 | Сообщение 4
Оффлайн
Vip
Сообщений:767
Награды: 21
кстати я бы маркеры тоже убрал, это точки по русски в начале

Код

li {list-style-type: none;}


No regrets

Сообщение отредактировал
Angerfist - Четверг, 22 Сентября 2016, 22:38
Страна: (RU)
TiMzLeR
Четверг, 22 Сентября 2016 | Сообщение 5
Оффлайн
Проверенные
Сообщений:410
Награды: 0
Angerfist, Сейчас уберу

Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
TiMzLeR
Четверг, 22 Сентября 2016 | Сообщение 6
Оффлайн
Проверенные
Сообщений:410
Награды: 0
Angerfist, да у меня вроде нет этого кода только посмотрел

Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
Kosten
Четверг, 22 Сентября 2016 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
Angerfist, я бы другой поставил, просто надоел мне, один информер на форум и хватит. Они есть на сайте и не один, но просто не красиво смотреться будет, так как ширина велика.
Страна: (RU)
Kosten
Четверг, 22 Сентября 2016 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
Цитата TiMzLeR ()
Angerfist, да у меня вроде нет этого кода только посмотрел

Но можно стиль убрать, который отвечает за эту точку.

Код
.c_inf li a {
    height: 17px;
    display: block;
    overflow: hidden;
    background: url(http://zornet.ru/ZORNET/drental/c_inf_91.png) no-repeat 0 6px;
    margin: 0 2px 0 4px;
    padding: 0 0 0 10px;
}
Страна: (RU)
Angerfist
Четверг, 22 Сентября 2016 | Сообщение 9
Оффлайн
Vip
Сообщений:767
Награды: 21
TiMzLeR, а как в информере сокращается текст?

No regrets
Страна: (RU)
TiMzLeR
Четверг, 22 Сентября 2016 | Сообщение 10
Оффлайн
Проверенные
Сообщений:410
Награды: 0
Kosten, Не просто ты мне дал не до конца код вот он
Код
/*Informer*/
.newCinformer b {width:40px;text-align:center;background-color:#3473AD;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:1px;color:#fff !important;text-shadow:none !important;}  
/* .newCinformer b:hover {background-color:#8a8a8a;} */  
.newCinformer li {margin-top:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #C4CCDC;background:#e3e5e5;background: -moz-linear-gradient(top, #fff, #e3e5e5);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e3e5e5));background: -webkit-linear-gradient(top, #fff, #e3e5e5);background: -o-linear-gradient(top, #fff, #e3e5e5);background: -ms-linear-gradient(top, #fff, #e3e5e5);background: linear-gradient(top, #fff, #e3e5e5);padding:2px;}  
/* .newCinformer li:hover {background:#e4e7e7;background: -moz-linear-gradient(top, #e4e7e7, #fff);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e7e7), color-stop(100%,#fff));background: -webkit-linear-gradient(top, #e4e7e7, #fff);background: -o-linear-gradient(top, #e4e7e7, #fff);background: -ms-linear-gradient(top, #e4e7e7, #fff);background: linear-gradient(top, #e4e7e7, #fff);} */  
.c_inf_line_bottom {  
/* background:url(http://zornet.ru/SKRIPT/FR/c_inf_line_x_7777.png) repeat-x 0 bottom; */  
margin:0 -6px 5px;  
padding:0 6px 2px;  
}  
.center,.pollButtons,.pollTotal,.pop_prof_avatar {  
text-align:center;  
}  

.c_inf_full {  
/* overflow:hidden; */  
/* background:url(http://zornet.ru/SKRIPT/FR/c_inf_line_5.png) repeat-y 33% 0; */  
margin:-6px 0 0;  
}  

.c_inf {  
overflow:hidden;  
vertical-align:top;  
/* background:url(http://zornet.ru/SKRIPT/FR/c_inf_line_5.png) repeat-y 66% 0; */  
padding:0 0 7px;  
}  

.c_inf li.rows {  
  width: 50%;  
  float: left;  
}  

.c_inf ul {  
  text-shadow: 1px 1px 0px #fff;  
  background: url(http://zornet.ru/SKRIPT/FR/bnav2.png) no-repeat -999px -999px;  
  padding: 0 2px 0 0px;  
}  

.c_inf_title {  
text-align:center;  
background:url() no-repeat center bottom;  
padding: 15px 0 9px;  
}  

.c_inf li div {  
overflow:hidden;  
margin:0 4px 1px 0;  
}  

.c_inf li a {  
height:17px;  
display:block;  
  
overflow:hidden;  
background:url(http://zornet.ru/ZORNET/drental/c_inf_91.png) no-repeat 0 6px;  
margin:0 2px 0 4px;  
padding:0 0 0 10px;  
}  

.c_inf li a:hover {  
background-image:url(http://zornet.ru/ZORNET/Fail/c_inf_arrow_green_on.png);  
}  

.c_inf li b {  
display:block;  
float:right;  
font-weight:100;  
color:#009900;  
}  
.c_inf_banka {  
padding:4px 0 0;  
}  
.viewn_loop {  
margin-bottom:7px;  
}  
.viewn_t_in {  
/* height:34px; */  
/* background:url(http://zornet.ru/ZORNET/Fail/viewn_t_bg.png) no-repeat 0 0; */  
}  

.viewn_c {  
/* background:url(http://zornet.ru/ZORNET/Fail/viewn_c_bg.png) repeat-y 0 0; */  
}  

.viewn_c_in {  
/* overflow:hidden; */  
/* background:url(http://zornet.ru/ZORNET/Fail/viewn_c_bg.png) repeat-y right 0; */  
/* padding:0 3px; */  
}  

.viewn_c_in2 {  
/* background:#ededed; */  
/* padding:5px; */  
}  

.viewn_b {  
height: 0px;  
display:block;  
  
padding:0 10px 0 0;  
}  

.viewn_b b {  
height: px;  
display:block;  
background:url(http://zornet.ru/ZORNET/Fail/viewn_b_bg.png) no-repeat 0 0;  
}  

.viewn_b2 {  
height:6px;  
display:block;  
background:url(http://zornet.ru/ZORNET/Fail/viewn_b2_bg.png) no-repeat right -6px;  
padding:0 10px 0 0;  
}  

.viewn_b2 b {  
height:6px;  
display:block;  
background:url(http://zornet.ru/ZORNET/Fail/viewn_b2_bg.png) no-repeat 0 0;  
}
я вставил и у меня лажа я посмотрел на свой код и вот он там больше кодов оказалось
Код
/*Informer*/
.newCinformer b {width:40px;text-align:center;background-color:#3473AD;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:1px;color:#fff !important;text-shadow:none !important;}
/* .newCinformer b:hover {background-color:#8a8a8a;} */
.newCinformer li {margin-top:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #C4CCDC;background:#e3e5e5;background: -moz-linear-gradient(top, #fff, #e3e5e5);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e3e5e5));background: -webkit-linear-gradient(top, #fff, #e3e5e5);background: -o-linear-gradient(top, #fff, #e3e5e5);background: -ms-linear-gradient(top, #fff, #e3e5e5);background: linear-gradient(top, #fff, #e3e5e5);padding:2px;}
/* .newCinformer li:hover {background:#e4e7e7;background: -moz-linear-gradient(top, #e4e7e7, #fff);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e7e7), color-stop(100%,#fff));background: -webkit-linear-gradient(top, #e4e7e7, #fff);background: -o-linear-gradient(top, #e4e7e7, #fff);background: -ms-linear-gradient(top, #e4e7e7, #fff);background: linear-gradient(top, #e4e7e7, #fff);} */
.c_inf_line_bottom {
/* background:url(http://zornet.ru/SKRIPT/FR/c_inf_line_x_7777.png) repeat-x 0 bottom; */
margin:0 -6px 5px;
padding:0 6px 2px;
}
.center,.pollButtons,.pollTotal,.pop_prof_avatar {
text-align:center;
}

.c_inf_full {
/* overflow:hidden; */
/* background:url(http://zornet.ru/SKRIPT/FR/c_inf_line_5.png) repeat-y 33% 0; */
margin:-6px 0 0;
}

.c_inf {
overflow:hidden;
vertical-align:top;
/* background:url(http://zornet.ru/SKRIPT/FR/c_inf_line_5.png) repeat-y 66% 0; */
padding:0 0 7px;
}

.c_inf li.rows {
width: 50%;
float: left;
}

.c_inf ul {
text-shadow: 1px 1px 0px #fff;
background: url(http://zornet.ru/SKRIPT/FR/bnav2.png) no-repeat -999px -999px;
padding: 0 2px 0 0px;
}

.c_inf_title {
text-align:center;
background:url() no-repeat center bottom;
padding: 15px 0 9px;
}

.c_inf li div {
overflow:hidden;
margin:0 4px 1px 0;
}

.c_inf li a {
height:17px;
display:block;

overflow:hidden;
background:url(http://zornet.ru/ZORNET/drental/c_inf_91.png) no-repeat 0 6px;
margin:0 2px 0 4px;
padding:0 0 0 10px;
}

.c_inf li a:hover {
background-image:url(http://zornet.ru/ZORNET/Fail/c_inf_arrow_green_on.png);
}

.c_inf li b {
display:block;
float:right;
font-weight:100;
color:#009900;
}
.c_inf_banka {
padding:4px 0 0;
}
.viewn_loop {
margin-bottom:7px;
}
.viewn_t_in {
/* height:34px; */
/* background:url(http://zornet.ru/ZORNET/Fail/viewn_t_bg.png) no-repeat 0 0; */
}

.viewn_c {
/* background:url(http://zornet.ru/ZORNET/Fail/viewn_c_bg.png) repeat-y 0 0; */
}

.viewn_c_in {
/* overflow:hidden; */
/* background:url(http://zornet.ru/ZORNET/Fail/viewn_c_bg.png) repeat-y right 0; */
/* padding:0 3px; */
}

.viewn_c_in2 {
/* background:#ededed; */
/* padding:5px; */
}

.viewn_b {
height: 0px;
display:block;

padding:0 10px 0 0;
}

.viewn_b b {
height: px;
display:block;
background:url(http://zornet.ru/ZORNET/Fail/viewn_b_bg.png) no-repeat 0 0;
}

.viewn_b2 {
height:6px;
display:block;
background:url(http://zornet.ru/ZORNET/Fail/viewn_b2_bg.png) no-repeat right -6px;
padding:0 10px 0 0;
}

.viewn_b2 b {
height:6px;
display:block;
background:url(http://zornet.ru/ZORNET/Fail/viewn_b2_bg.png) no-repeat 0 0;
}

.viewn_title {
height:16px;
overflow:hidden;
font-size:13px;
font-weight:700;
color:#009900;
padding:9px 0 0 12px;
}

.viewn_detail {
overflow:hidden;
color:#232323;
text-shadow:1px 1px 0px #fff;
margin:-3px 0 0;
padding:0 2px;
}

.viewn_detail a {
color:#009900;
text-shadow:1px 1px 0px #fff;
text-decoration:none;
}

.v_detail_b {
margin-bottom:-5px;
}
.viewn_green .viewn_t,.viewn_green .viewn_t2,.viewn_green .viewn_t_in {
background-image:url(http://zornet.ru/CSS-ZORNET/Gresan/qvhJ3Ij.png);
}

.viewn_green .viewn_c {
margin:-1px 0 0;
}
.c_inf ul li, .pop_prof_in .rows3, .pop_prof_rang .pop_prof_rang_r, .pop_prof_link li {
overflow: hidden;
}
.viewn_t,.viewn_t2,.vcomm_top {
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_t_bg.png) no-repeat right 34px;
padding:0 1px 0 0;
}
.viewn_t_in span {
color: #12598A;
display: block;
margin: 0px 0px 10px;
}
ul,li,form,dl,dt,dd {
display:block;
list-style:none;
margin:0;
padding:0;
}


Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ)
Angerfist
Четверг, 22 Сентября 2016 | Сообщение 11
Оффлайн
Vip
Сообщений:767
Награды: 21
Kosten, ааа ясно, я думал базовый хтмл маркер

No regrets
Страна: (RU)
Kosten
Четверг, 22 Сентября 2016 | Сообщение 12
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
Цитата Angerfist ()
TiMzLeR, а как в информере сокращается текст?

Но сокращают по знакам, но мне посоветовал -SAM- по другому сделать, не помню реально как. Что даже если будет большой запрос, не каких точек не будет, а просто слово которое не влезет, его показывать не будет.
Страна: (RU)
Angerfist
Четверг, 22 Сентября 2016 | Сообщение 13
Оффлайн
Vip
Сообщений:767
Награды: 21
Kosten, overflow: hidden как вариант, но при этом надо задать чёткие границы ширины и высоты обьекту

No regrets

Сообщение отредактировал
Angerfist - Четверг, 22 Сентября 2016, 22:49
Страна: (RU)
Angerfist
Четверг, 22 Сентября 2016 | Сообщение 14
Оффлайн
Vip
Сообщений:767
Награды: 21
TiMzLeR, покажь код а не стили

No regrets
Страна: (RU)
Kosten
Четверг, 22 Сентября 2016 | Сообщение 15
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
Angerfist, вот попробуй браузер сживать и на информер смотри и там увидишь, когда до информера дойдет, то длинные запросы будут по слову исчезать.
Попробуй и поймешь в чем тема.
Страна: (RU)
Форум » Веб-разработка » Вопросы про uCoz » Информер"Новое на форуме" "Популярные новости" (Нужна помощь с этим информером...)
  • Страница 1 из 5
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Поиск: