Как модифицировать менеджер ресурсов?

[aligon]

Как можно сделать такое же менеджер ресурсов как у вас на форуме, просто у вас красивый а у меня как то не то

На данный момент


Хотел бы

 

[baltun]

Глобальный вопрос:

1. Блоки на верху выводятся установкой рекомендуемого ресурса, заходите в сам ресурс и выбираете рекомендовать.
2. Установить этот плагин [cXF] Resource Tabs
3. Посмотреть реализацию иконок FW если требуется для менеджера ресурсов.
4. По поводу рамки добавить этот код в EXTRA.CSS

.resourceListSidebar .secondaryContent h3, .sidebar .section .secondaryContent h3 {
    background-color: rgb(252, 252, 255);
    padding: 4px;
    border: 1px solid rgb(165, 202, 228);
    -webkit-border-radius: 10px 0 10px 0;
    -moz-border-radius: 10px 0 10px 0;
    -khtml-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
}

 

[aligon]

а вот как тень и закругление

 

[baltun]

А это что действительно упустил, вот так:

.resourceListSidebar .secondaryContent {
border: 1px solid #d7edfc;
border-radius: 5px;
box-shadow: -5px 2px 5px rgba(0,0,0,0.4);
}

И вот тебе подарок моргающая сердечка как тут на форуме, когда говоришь "Мне нравится":

/*Сердечко моргает*/
.fa-heartbeat:before {
    -moz-animation: pulse 2s infinite linear;
    -o-animation: pulse 2s infinite linear;
    -webkit-animation: pulse 2s infinite linear;
     animation: pulse 2s infinite linear;
}
@-webkit-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

 

[aligon]

Чёт сердце не бьётся. что то не так у меня

 

[baltun]

Даже не знаю либо скопировал что то упустил, либо форум кэшируется и изменения не сразу могут вступать в силу. Больше вариантов нет, сейчас проверил код верен. Может зависеть от того как ты сердце выводишь я так:

<i class="fa fa-heartbeat" style="padding-right:6px; color: #ff0033;"></i>

Хотя помоему это даже не важно как, все равно должно срабатывать.

 

[aligon]

Даже не знаю либо скопировал что то упустил, либо форум кэшируется и изменения не сразу могут вступать в силу. Больше вариантов нет, сейчас проверил код верен. Может зависеть от того как ты сердце выводишь я так:

<i class="fa fa-heartbeat" style="padding-right:6px; color: #ff0033;"></i>

Хотя помоему это даже не важно как, все равно должно срабатывать.

А где его выводить, я просто код в EXTRA добавил и всё,

 

[baltun]

По моему в этом шаблоне likes_summary, если у тебя нет FW иконки как у меня, то у тебя нечего не будет работать в общем.