|
Информер"Новое на форуме" "Популярные новости"
|
|
| TiMzLeR | Четверг, 22 Сентября 2016, 22:27 | Сообщение 1 |
| Здравствуйте ребята есть один хороший и даже скажу отличный информер "Новое на форуме" и "Популярные новости" я установил теперь хотелось бы изменить, сделать на пример как на сайте 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;
}
Заранее спасибо всем кто поможет 
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Сообщение отредактировал
TiMzLeR - Четверг, 22 Сентября 2016, 22:29 | | [ AZ ] |
| |
| Kosten | Четверг, 22 Сентября 2016, 22:31 | Сообщение 2 |
| TiMzLeR, мне просто стиль дал -SAM- на эту тему и реально не знаю какой, но тебе все скинул, он там должен по идее быть.
| | [ RU ] |
| |
| Angerfist | Четверг, 22 Сентября 2016, 22:35 | Сообщение 3 |
| TiMzLeR, в коде информера видать сокращение через substr увеличь кол-во знаков и убери точки
No regrets
| | [ RU ] |
| |
| Angerfist | Четверг, 22 Сентября 2016, 22:38 | Сообщение 4 |
|
| кстати я бы маркеры тоже убрал, это точки по русски в начале
Код
li {list-style-type: none;}
No regrets
Сообщение отредактировал
Angerfist - Четверг, 22 Сентября 2016, 22:38 | | [ RU ] |
| |
| TiMzLeR | Четверг, 22 Сентября 2016, 22:40 | Сообщение 5 |
|
| Angerfist, Сейчас уберу
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
| | [ AZ ] |
| |
| TiMzLeR | Четверг, 22 Сентября 2016, 22:41 | Сообщение 6 |
|
| Angerfist, да у меня вроде нет этого кода только посмотрел
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
| | [ AZ ] |
| |
| Kosten | Четверг, 22 Сентября 2016, 22:41 | Сообщение 7 |
|
| Angerfist, я бы другой поставил, просто надоел мне, один информер на форум и хватит. Они есть на сайте и не один, но просто не красиво смотреться будет, так как ширина велика.
| | [ RU ] |
| |
| Kosten | Четверг, 22 Сентября 2016, 22:43 | Сообщение 8 |
|
| Цитата 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, 22:44 | Сообщение 9 |
|
| TiMzLeR, а как в информере сокращается текст?
No regrets
| | [ RU ] |
| |
| TiMzLeR | Четверг, 22 Сентября 2016, 22:44 | Сообщение 10 |
|
| 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, 22:45 | Сообщение 11 |
|
| Kosten, ааа ясно, я думал базовый хтмл маркер
No regrets
| | [ RU ] |
| |
| Kosten | Четверг, 22 Сентября 2016, 22:46 | Сообщение 12 |
|
| Цитата Angerfist ( ) TiMzLeR, а как в информере сокращается текст?
Но сокращают по знакам, но мне посоветовал -SAM- по другому сделать, не помню реально как. Что даже если будет большой запрос, не каких точек не будет, а просто слово которое не влезет, его показывать не будет.
| | [ RU ] |
| |
| Angerfist | Четверг, 22 Сентября 2016, 22:47 | Сообщение 13 |
|
| Kosten, overflow: hidden как вариант, но при этом надо задать чёткие границы ширины и высоты обьекту
No regrets
Сообщение отредактировал
Angerfist - Четверг, 22 Сентября 2016, 22:49 | | [ RU ] |
| |
| Angerfist | Четверг, 22 Сентября 2016, 22:47 | Сообщение 14 |
|
| TiMzLeR, покажь код а не стили
No regrets
| | [ RU ] |
| |
| Kosten | Четверг, 22 Сентября 2016, 22:50 | Сообщение 15 |
|
| Angerfist, вот попробуй браузер сживать и на информер смотри и там увидишь, когда до информера дойдет, то длинные запросы будут по слову исчезать.
Попробуй и поймешь в чем тема.
| | [ RU ] |
| |
