Решено Выезжающие название раздела

[Armagedon98]

Сегодня увидел такую вещь, как выезжающее название разделов. Вот пример сайта:

Спойлер

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Как это можно сделать? Чтобы название выезжало?

 

[Skaiman]

.node .nodeText .nodeTitle:hover {
    margin-left: 10px;
}

Можно добавить плавности с transition

 

[Armagedon98]

.node .nodeText .nodeTitle:hover {
    margin-left: 10px;
}

Можно добавить плавности с transition

Тут выезжает только разделы, а там даже если навести на название.
Five STARS Сервер © ─ основной раздел - то тоже выдвигается.
Хотелось бы так же сделать, возможно?

И сделать так же плавно, чтобы выезжало.

 

[Skaiman]

Хотелось бы так же сделать, возможно?

Ну так делай, вот в помощь Заголовки узлов (категории, разделы, темы) и погугли transition, это и есть плавность :)

 

[ABISTER]

Тут выезжает только разделы, а там даже если навести на название.
Five STARS Сервер © ─ основной раздел - то тоже выдвигается.
Хотелось бы так же сделать, возможно?

И сделать так же плавно, чтобы выезжало.

-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;

Так попробуй, пропищи в EXTRA.css

 

[Mirovinger]

И к чему он должен это прописать?

 

[Armagedon98]

-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;

Так попробуй, пропищи в EXTRA.css

Нечего не изменилось -_-

 

[Skaiman]

ABISTER, так ты прозрачность предлагаешь :-)

Нечего не изменилось

И не измениться, если вникать не будешь, мне не жалко помочь, но такие мелочи, надо самому делать.

 

[Mirovinger]

Ладно что предлагает, так хотя бы хоть к чему прикрутил бы...

 

[Armagedon98]

Ну так делай, вот в помощь Заголовки узлов (категории, разделы, темы) и погугли transition, это и есть плавность :-)

Нечего толкового, вот поставил твой код, а как сделать замедление не вкурил?

 

[Skaiman]

Блин, пипец, да просто добавь:

.node .nodeText .nodeTitle:hover {
    margin-left: 10px;
    transition: 2s;
}

Так же для категорий

.nodeList .categoryStrip .nodeTitle:hover {
    margin-left: 10px;
    transition: 2s;
}

Но все таки почитай про transition, там можно больше параметров задавать.

 

[Armagedon98]

Блин, пипец, да просто добавь:

.node .nodeText .nodeTitle:hover {
    margin-left: 10px;
    transition: 2s;
}

Так же для категорий

.nodeList .categoryStrip .nodeTitle:hover {
    margin-left: 10px;
    transition: 2s;
}

Но все таки почитай про transition, там можно больше параметров задавать.

От души, здоровья тебе и твоим близким:)