Топ пользователей скрипт на сайт
TiMzLeR
Понедельник, 12 Сентября 2016, 20:38 | Сообщение 1
Здравствуйте друзья,есть один отличный скрипт топ пользователей но есть кое какая не большая проблемка я установил все сделал только ник которые под аватаркой слетает в правую сторону а цыфры сколько добавлено комментарий слетаю в левую сторону,и как можно вставить код no avatar... 1)вот ссылка на сайт:Сайт) 2) 3)Код скрипта CSS:Код
.topusers {background: #AFEEEE; height: 99px; overflow: hidden; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 4px; padding: 16px 0 5px 4px; margin-bottom: 7px;} .topusers a, .topusers2 a {color: #2a2a2a;} .topusers1 {margin-right: -10px;} .topusers span {width: 65px; height: 50px; display: block; float: left; padding: 0 5px; margin: 0 14px 0 0; font-size: 13px; color: #2a2a2a; font-weight: bold;} .topusers span i {width: 50px; height: 50px; display: block; overflow: hidden; margin-bottom: 7px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;} .topusers span i img {width: 50px; min-height: 50px; border-radius: 9px;} .topusers span .place1 {background: url(/wm_top_users/topusers1.png) no-repeat; width: 31px; height: 28px; display: block; position: absolute; margin: -13px 0 0 28px;} .topusers span .place2 {background: url(/wm_top_users/topusers2.png) no-repeat; width: 31px; height: 28px; display: block; position: absolute; margin: -13px 0 0 28px;} .topusers span .place3 {background: url(/wm_top_users/topusers3.png) no-repeat; width: 31px; height: 28px; display: block; position: absolute; margin: -13px 0 0 28px;} .topusers span b {height: 18px; padding: 1px 7px 2px 7px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; color: #FFF; font-size: 12px;} .topusers span u {display: block; overflow: hidden; text-decoration: none; width: 70px; text-align: center; margin: 0 0 7px 0;} .topusers span u s {float: right; margin-bottom: -18px; position: relative; width: 17px; height: 18px; display: block; background: url(/img/topusers3.png) no-repeat;} .topusers2 {padding-bottom: 9px; margin-bottom: 6px; overflow: hidden; border-bottom: solid #DEE8EB;} .topusers2 span {width: 35px; height: 35px; display: block; overflow: hidden; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .topusers2 span img {width: 35px; min-height: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .topusers3 b {height: 15px; display: block; padding-left: 4px; padding-right: 4px; line-height: 15px; border: 3px solid #1E90FF; box-shadow: 0px 0px 1px 1px #DDD; border-radius: 3px; margin-top: 6px; float: right; margin-right: 5px;} .topusers4 {font-size: 13px; color: #2a2a2a; font-weight: bold; line-height: 20px; float: left; margin: 9px 0 0 -8px;} .topusers4 b {color: #FFF; background: #00CED1; height: 20px; display: block; float: left; margin-right: 6px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 0 6px;}
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Сообщение отредактировал TiMzLeR - Понедельник, 12 Сентября 2016, 20:41
Страна: (AZ )
Kosten
Понедельник, 12 Сентября 2016, 20:45 | Сообщение 2
TiMzLeR, можно запрос без точки, только после тебя их и убираю.
Страна: (RU )
Kosten
Понедельник, 12 Сентября 2016, 20:47 | Сообщение 3
TiMzLeR, встречал этот информер, его али адаптировал Димон или снял где то, но он качественно работает, все улики за собой убирает.)
Страна: (RU )
TiMzLeR
Понедельник, 12 Сентября 2016, 20:47 | Сообщение 4
Kosten, Да просто в привычку
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
TiMzLeR
Понедельник, 12 Сентября 2016, 20:49 | Сообщение 5
Kosten, Это да он классный сразу мне понравился я его хорошенько разработаю еще добавлю кое что...
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
Kosten
Понедельник, 12 Сентября 2016, 20:50 | Сообщение 6
TiMzLeR, глянем сайта по стилям что.
Страна: (RU )
TiMzLeR
Понедельник, 12 Сентября 2016, 20:52 | Сообщение 7
Kosten, Оке)
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
Kosten
Понедельник, 12 Сентября 2016, 20:55 | Сообщение 8
TiMzLeR, этот стиль найди и смени, это по никам, станут по центру.Код
.topusers span u {display: block; overflow: hidden; text-decoration: none;width: 50px;text-align: center;margin: 0 0 7px 0;}
Так вообще он что то влево весь ушел.
Страна: (RU )
Kosten
Понедельник, 12 Сентября 2016, 21:04 | Сообщение 9
Мне так кажется стили конфликтуют с вид материалом.
Страна: (RU )
Kosten
Понедельник, 12 Сентября 2016, 21:14 | Сообщение 10
Он изначально идет влево с первоисточника.
Страна: (RU )
TiMzLeR
Понедельник, 12 Сентября 2016, 21:33 | Сообщение 11
Kosten,Сейчас попробую,нет просто там скрин так сделан и к тому же туда хотели еще одного пользователя добавить)
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
TiMzLeR
Понедельник, 12 Сентября 2016, 21:33 | Сообщение 12
Kosten, и в правду в лево ушел что то здесь не так
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
TiMzLeR
Понедельник, 12 Сентября 2016, 21:36 | Сообщение 13
Kosten, Надо в центр как то все привести
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
Kosten
Понедельник, 12 Сентября 2016, 21:38 | Сообщение 14
TiMzLeR, на тестовый сайт поставил, он изначально влево стоит, и не как не могу поставить по центру, что по никам, просто центр выставить и они встанут нормально, или эти стили поставить, где центр прописан. Просто поменять на те которые стоят, они точно такие же, только центр прописан на , чтоб ник и цифры ровно были.
Код
.topusers {background: #fde9d7;height: 100px; overflow: hidden; -webkit-border-radius: 9px; -moz-border-radius: 9px;border-radius: 4px;padding: 16px 0 5px 4px;margin-bottom: 7px;text-align: center;} .topusers a, .topusers2 a {color: #2a2a2a;} .topusers1 {margin-right: -10px;} .topusers span {width: 65px; height: 50px; display: block; float: left; padding: 0 5px; margin: 0 14px 0 0; font-size: 13px; color: #2a2a2a; font-weight: bold;} .topusers span i {width: 50px; height: 50px; display: block; overflow: hidden; margin-bottom: 7px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;} .topusers span i img {width: 50px; min-height: 50px; border-radius: 9px;} .topusers span .place1 {background: url(/img/topusers.png) no-repeat; width: 31px; height: 28px; display: block; position: absolute; margin: -13px 0 0 28px;} .topusers span .place2 {background: url(/img/topusers1.png) no-repeat; width: 31px; height: 28px; display: block; position: absolute; margin: -13px 0 0 28px;} .topusers span .place3 {background: url(/img/topusers2.png) no-repeat; width: 31px; height: 28px; display: block; position: absolute; margin: -13px 0 0 28px;} .topusers span b {height: 18px;padding: 1px 7px 2px 7px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; color: #FFF;font-size: 12px;} .topusers span u {display: block; overflow: hidden; text-decoration: none; width: 70px; text-align: center; margin: 0 0 7px 0;} .topusers span u s {float: right; margin-bottom: -18px; position: relative; width: 17px; height: 18px; display: block; background: url(/img/topusers3.png) no-repeat;} .topusers2 {padding-bottom: 9px; margin-bottom: 6px; overflow: hidden; border-bottom: solid #DEE8EB;} .topusers2 span {width: 35px; height: 35px; display: block; overflow: hidden; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .topusers2 span img {width: 35px; min-height: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .topusers3 b {height: 15px; display: block; padding-left: 4px; padding-right: 4px; line-height: 15px; border: 4px solid #FCFCFC; box-shadow: 0px 0px 1px 1px #DDD; border-radius: 3px; margin-top: 6px; float: right; margin-right: 5px;} .topusers4 {font-size: 13px; color: #2a2a2a; font-weight: bold; line-height: 20px; float: left; margin: 9px 0 0 -8px;} .topusers4 b {color: #FFF; background: #62a53a; height: 20px; display: block; float: left; margin-right: 6px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 0 6px;}
А так вот что получиться. Видим что все так то нормально, только влево стоит.
Страна: (RU )
Kosten
Понедельник, 12 Сентября 2016, 21:39 | Сообщение 15
TiMzLeR, вообщем этот скрипт дорабатывать нужно еще много, лучше что то рабочее поставить, а не что что блестит.
Страна: (RU )