Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Абсолютный помощник по дизайну CSS 2 (beta)


Абсолютный помощник по дизайну CSS 2 (beta)

Сообщений 1 страница 30 из 60

1

И так поехали, даю самый даровский вариант для разборки  с Css. Разобраться сможет даже моя собака (Которой у меня нет)
https://forumupload.ru/uploads/0002/25/06/8547-2.gif  https://forumupload.ru/uploads/0002/25/06/8547-2.gif  https://forumupload.ru/uploads/0002/25/06/8547-2.gif
Для начала заходим в админку и в Настройки, ищем графу Дополнительные пункты меню и суды суем это

Код:
0=<input type='button' value='Сss' onClick=location.href='http://ibtek.ru/mybb/index.php'>

У вас появиться вверху кнопка после нажатия на нее следуете инструкциям ниже

\/
\/
\/
\/
\/

Терь все автоматизировано

Введите адрес форума, например, https://forums.0pk.me/
Жмите кнопку.

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

Дальше шебуршите мышкой по странице, элемент, на котором курсор, будет обводится красной рамочкой.

Когда решите отредактировать даблкликнете на элементе.
Будет менюшка.
Дальше разбирайтесь и химичьте сами.

Чтобы убрать меню и выбрать следующий элемент, кликнете один раз на свободном месте.

Когда нахимичите жмите внизу страницы Получить код

Копируйте и пользуйтесь

Вы можете загрузить не только главную страницу форума, но и любую внутреннюю,  например
https://forums.0pk.me/viewforum.php?id=3

+8

2

есть некоторые баги.... к сожелению.. но +1 честно)))

0

3

D_the_B
Я хотел сначала сделать полноценный и красивый скрипт, чтоб там было все полностью расписано, но нестал заморачиваться и сделал елементарно просто...

0

4

AlikaRD
а что то мешает создать 2 версии скрипта???

0

5

D_the_B
Да у меня времени мало, да и я тоже человек а не программист который целыми днями сидит за компом ))) у мну личная жизнь существует ))

0

6

AlikaRD написал(а):

http://ibtek.ru/mybb/index.php

Ну это же не ваш скрипт. Да и сам скрипт рабочий это что вы дали здесь?

0

7

Dimitra написал(а):

Ну это же не ваш скрипт.

А никто и не говорил что это МОЙ скрипт, я хотел сделать скрипт на базе этого сайта.

0

8

9

Народ я вам жизнь упрощаю )) пользуйтесь)) https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

10

Непонял! https://forumupload.ru/uploads/0002/25/06/8547-3.gif
А теперь объясните мне пожалуйсто почему тема закрыта?!

0

11

У меня не получается https://forumupload.ru/uploads/0002/25/06/8548-1.gif  https://forumupload.ru/uploads/0002/25/06/8548-1.gif  https://forumupload.ru/uploads/0002/25/06/8548-1.gif  https://forumupload.ru/uploads/0002/25/06/8549-1.gif  https://forumupload.ru/uploads/0002/25/06/8549-1.gif

0

12

вот я скопировала этот код завершающий, а дальше куда его вставлять?

0

13

ви

AlikaRD написал(а):

заходим в админку и в Настройки, ищем графу Дополнительные пункты меню и суды суем

0

14

((((у меня вообще 3 кнопки "Получить код"

0

15

AlikaRD
РЕСПЕКТ,КУЛЬНО!!!!!!! https://forumupload.ru/uploads/0002/25/06/8547-2.gif  https://forumupload.ru/uploads/0002/25/06/8547-2.gif  https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

16

Крууууть!!! Спасибо огромное!) https://forumupload.ru/uploads/0002/25/06/8548-2.gif

0

17

а в сафари бета это уже есть ^^ и грузиться никуда ненад. Просто жмеш по страничке "Inspect Element" и открывается девелоперский тул ^^

0

18

Куда вставлять хоть?

0

19

можно еще раз для совсем нубов: где взять код, когда уже все сделал и куда именно его нужно вставлять?

0

20

Hloe
Жмёте на кнопку внизу экрана "Получить код".

Отредактировано Ви (2009-09-14 19:48:51)

0

21

а вставлять его куда?

0

22

Hloe написал(а):

а вставлять его куда?

Телепаты в отпуске.Если вы про код,то в теги стиля и в хтмл-верх!

0

23

Отличный скрипт. Прямо таки, решение всех проблем)) https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

24

Если честно, то я так и не поняла, куда вставлять получившийся код?!

0

25

Меламори Блимм
В htlm - вверх.

0

26

Он почему-то только половину кода воспринимает... то есть только картинки меняет, а сам дизайн остается прежним....

0

27

Ну я какая-то тормознутая...объясните мне пожалуйста что и куда из всего этого вставлять?..вот:

Код:
.section .container .html-box center table tbody tr td center p i {background-image: url(http://i50.tinypic.com/epjhtx.jpg); }
#pun_wrap #pun #pun-index .section .container .html-box center table tbody tr td {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun_wrap #pun #pun-index #pun-announcement.section .container {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-announcement.section .container .html-box center table tbody tr td p font b {text-decoration: none; }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navindex a span {color: black; }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navuserlist a span {color: Black; }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navsearch a span {color: Black; }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navregister a span {color: Black; }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navlogin a span {color: Black; }
#pun_wrap #pun #pun-index #pun-ulinks.section .container .item1 a {color: Black; }
#pun_wrap #pun #pun-index #pun-navlinks.section .container {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navindex a {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navuserlist a {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navsearch a {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navregister a {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun_wrap #pun #pun-index #pun-navlinks.section .container #navlogin a {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category1.category .container table thead tr .tcl {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category1.category .container table thead tr .tc2 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category1.category .container table thead tr .tc3 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td .category .container table thead tr .tcr {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category2.category .container table thead tr .tcl {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td .category .container table thead tr .tc2 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category2.category .container table thead tr .tc3 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category2.category .container table thead tr .tcr {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category3.category .container table thead tr .tcl {background-image: url(http://i45.tinypic.com/eurr6o.jpg); }
#pun-main table tbody tr td #pun-category3.category .container table thead tr .tc2 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category3.category .container table thead tr .tc3 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category3.category .container table thead tr .tcr {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category4.category .container table thead tr .tcl {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category4.category .container table thead tr .tc2 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category4.category .container table thead tr .tc3 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category4.category .container table thead tr .tcr {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category5.category .container table thead tr .tcl {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category5.category .container table thead tr .tc2 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category5.category .container table thead tr .tc3 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category5.category .container table thead tr .tcr {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category6.category .container table thead tr .tcl {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category6.category .container table thead tr .tc2 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category6.category .container table thead tr .tc3 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category6.category .container table thead tr .tcr {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category7.category .container table thead tr .tcl {background-image: url(http://i45.tinypic.com/eurr6o.jpg); }
#pun-main table tbody tr td #pun-category7.category .container table thead tr .tc2 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category7.category .container table thead tr .tc3 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category7.category .container table thead tr .tcr {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category8.category .container table thead tr .tcl {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category8.category .container table thead tr .tc2 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category8.category .container table thead tr .tc3 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category8.category .container table thead tr .tcr {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category9.category .container table thead tr .tcl {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category9.category .container table thead tr .tc2 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category9.category .container table thead tr .tc3 {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-main table tbody tr td #pun-category9.category .container table thead tr .tcr {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun_wrap #pun #pun-index #html-footer.section .container {background-image: url("http://i45.tinypic.com/eurr6o.jpg"); }
#pun-announcement.section .container .html-box center table tbody tr td p font b {color: Red; }
body {color: Red; }
body {color: Red; }
body {color: Red; }
#pun-announcement.section .container .html-box center table tbody tr td center font b {color: Red; }
#pun-announcement.section .container .html-box center table tbody tr td center font b {color: Red; }
#pun-announcement.section .container .html-box center table tbody tr td center font b {color: Red; }
#pun-announcement.section .container .html-box center table tbody tr td center font b {color: Red; }
#pun_wrap #pun #pun-index #pun-announcement.section .container .html-box center table tbody tr td {color: Yellow; }
#pun-announcement.section .container .html-box center table tbody tr td center p i {color: black; }
#pun #pun-index #pun-announcement.section .container .html-box center table tbody tr td center {color: black; }
#pun-announcement.section .container .html-box center table tbody tr td center p i {color: black; }
#pun-announcement.section .container .html-box center table tbody tr td center p i {color: black; }
#pun-announcement.section .container .html-box center table tbody tr td center p i {color: black; }
#pun-announcement.section .container .html-box center table tbody tr td center p i {color: black; font-weight: bold; }
#pun-announcement.section .container .html-box center table tbody tr td center p i {color: black; font-weight: bold; }
body {color: black; font-weight: bold; }
#pun-announcement.section .container .html-box center table tbody tr td p b a {color: black; }
#pun-announcement.section .container .html-box center table tbody tr td p b a {color: black; }
#pun-announcement.section .container .html-box center table tbody tr td p b a {color: black; }
#pun-announcement.section .container .html-box center table tbody tr td p b a {color: black; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td .container h2 {background-color: white; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td .container h2 center {background-color: white; }
#pun_wrap #pun #pun-index #pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdr.title-logo-tdr {background-image: url("http://i48.tinypic.com/2zqeek5.jpg"); }
#pun_wrap #pun #pun-index #pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {background-image: url("http://i48.tinypic.com/2zqeek5.jpg"); }
#pun_wrap #pun #pun-index {background-image: url("http://i48.tinypic.com/2zqeek5.jpg"); }
body {font-weight: normal; }
#pun_wrap #pun #pun-index #pun-stats.section h2 {background-image: url("http://i49.tinypic.com/2rmv0wm.jpg"); background-repeat: repeat; }
#pun_wrap #pun #pun-index #pun-stats.section h2 span {color: black; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category9.category h2 {background-image: url("http://i49.tinypic.com/2rmv0wm.jpg"); background-repeat: repeat; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category8.category h2 {background-image: url("http://i49.tinypic.com/2rmv0wm.jpg"); background-repeat: repeat; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category7.category h2 {background-image: url("http://i49.tinypic.com/2rmv0wm.jpg"); background-repeat: repeat; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category6.category h2 {background-image: url("http://i49.tinypic.com/2rmv0wm.jpg"); background-repeat: repeat; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category5.category h2 {background-image: url("http://i49.tinypic.com/2rmv0wm.jpg"); background-repeat: repeat; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category4.category h2 {background-image: url("http://i49.tinypic.com/2rmv0wm.jpg"); background-repeat: repeat; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category3.category h2 {background-image: url("http://i49.tinypic.com/2rmv0wm.jpg"); background-repeat: repeat; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category2.category h2 {background-image: url("http://i49.tinypic.com/2rmv0wm.jpg"); background-repeat: repeat; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category1.category h2 {background-image: url(http://i49.tinypic.com/2rmv0wm.jpg); background-repeat: repeat; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category1.category h2 span {color: black; font-weight: bold; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category2.category h2 span {color: black; font-weight: bold; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category3.category h2 span {color: black; font-weight: bold; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category4.category h2 span {color: black; font-weight: bold; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category5.category h2 span {color: black; font-weight: bold; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category6.category h2 span {color: black; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category7.category h2 span {color: black; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category8.category h2 span {color: black; }
#pun_wrap #pun #pun-index #pun-main table tbody tr td #pun-category9.category h2 span {color: black; }

Отредактировано Нютка_ (2009-11-26 18:55:13)

0

28

читаем выше...

0

29

Saiminor
Я поняла что нужно вставлять половину в htlm-верх а другую половину в стиль.Только я не могу разделить этот код на ЭТИ ВОТ половины!

Отредактировано Нютка_ (2009-11-26 21:23:33)

0

30

Нютка_, заключаете ваш код в тэги стиля <style></style> и ставите в хтлм-верх.

0


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Абсолютный помощник по дизайну CSS 2 (beta)


Рейтинг форумов | Создать форум бесплатно