Информер"Новое на форуме" "Популярные новости" - Форум

Новые сообщения
Участники
Правила форума
Поиск
RSS

Страница 1 из 5 1 2 3 4 5 »
Модератор форума: -SAM-

Информер"Новое на форуме" "Популярные новости" (Нужна помощь с этим информером...)

Информер"Новое на форуме" "Популярные новости"

TiMzLeR

Четверг, 22 Сентября 2016, 22:27 | Сообщение 1

Проверенные

Сообщений:410

Награды: 0

« 29 »

Здравствуйте ребята есть один хороший и даже скажу отличный информер "Новое на форуме" и "Популярные новости" я установил теперь хотелось бы изменить, сделать на пример как на сайте Zornet.ru у меня проблема вот в чем. Когда название материала длинное - то в конце точки, как можно сделать что бы была как на данном сайте Zornet.ru

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

Код

.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, 22:31 | Сообщение 2

Администраторы

Сообщений:44490

Награды: 70

« 557 »

TiMzLeR, мне просто стиль дал -SAM- на эту тему и реально не знаю какой, но тебе все скинул, он там должен по идее быть.

Страна: (RU)

Angerfist

Четверг, 22 Сентября 2016, 22:35 | Сообщение 3

Vip

Сообщений:767

Награды: 21

« 253 »

TiMzLeR, в коде информера видать сокращение через substr увеличь кол-во знаков и убери точки

No regrets

Страна: (RU)

Angerfist

Четверг, 22 Сентября 2016, 22:38 | Сообщение 4

Vip

Сообщений:767

Награды: 21

« 253 »

кстати я бы маркеры тоже убрал, это точки по русски в начале

Код

li {list-style-type: none;}

No regrets

Сообщение отредактировал
Angerfist - Четверг, 22 Сентября 2016, 22:38

Страна: (RU)

TiMzLeR

Четверг, 22 Сентября 2016, 22:40 | Сообщение 5

Проверенные

Сообщений:410

Награды: 0

« 29 »

Angerfist, Сейчас уберу

Страна: (AZ)

TiMzLeR

Четверг, 22 Сентября 2016, 22:41 | Сообщение 6

Проверенные

Сообщений:410

Награды: 0

« 29 »

Angerfist, да у меня вроде нет этого кода только посмотрел

Страна: (AZ)

Kosten

Четверг, 22 Сентября 2016, 22:41 | Сообщение 7

Администраторы

Сообщений:44490

Награды: 70

« 557 »

Angerfist, я бы другой поставил, просто надоел мне, один информер на форум и хватит. Они есть на сайте и не один, но просто не красиво смотреться будет, так как ширина велика.

Страна: (RU)

Kosten

Четверг, 22 Сентября 2016, 22:43 | Сообщение 8

Администраторы

Сообщений:44490

Награды: 70

« 557 »

Цитата 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

Vip

Сообщений:767

Награды: 21

« 253 »

TiMzLeR, а как в информере сокращается текст?

No regrets

Страна: (RU)

TiMzLeR

Четверг, 22 Сентября 2016, 22:44 | Сообщение 10

Проверенные

Сообщений:410

Награды: 0

« 29 »

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

Vip

Сообщений:767

Награды: 21

« 253 »

Kosten, ааа ясно, я думал базовый хтмл маркер

No regrets

Страна: (RU)

Kosten

Четверг, 22 Сентября 2016, 22:46 | Сообщение 12

Администраторы

Сообщений:44490

Награды: 70

« 557 »

Цитата Angerfist (

)

TiMzLeR, а как в информере сокращается текст?

Но сокращают по знакам, но мне посоветовал -SAM- по другому сделать, не помню реально как. Что даже если будет большой запрос, не каких точек не будет, а просто слово которое не влезет, его показывать не будет.

Страна: (RU)

Angerfist

Четверг, 22 Сентября 2016, 22:47 | Сообщение 13

Vip

Сообщений:767

Награды: 21

« 253 »

Kosten, overflow: hidden как вариант, но при этом надо задать чёткие границы ширины и высоты обьекту

No regrets

Сообщение отредактировал
Angerfist - Четверг, 22 Сентября 2016, 22:49

Страна: (RU)

Angerfist

Четверг, 22 Сентября 2016, 22:47 | Сообщение 14

Vip

Сообщений:767

Награды: 21

« 253 »

TiMzLeR, покажь код а не стили

No regrets

Страна: (RU)

Kosten

Четверг, 22 Сентября 2016, 22:50 | Сообщение 15

Администраторы

Сообщений:44490

Награды: 70

« 557 »

Angerfist, вот попробуй браузер сживать и на информер смотри и там увидишь, когда до информера дойдет, то длинные запросы будут по слову исчезать.
Попробуй и поймешь в чем тема.

Страна: (RU)

Информер"Новое на форуме" "Популярные новости" (Нужна помощь с этим информером...)

Страница 1 из 5
1
2
3
4
5
»