Помощь Ник из двух цветов

Тема в разделе "XenForo", создана пользователем dixonn, 5 янв 2013.

Информация :
Хотите добавить продукт, следуйте правилам:
1)Добавить скриншот.
2)Добавить описание (Описание на английском языке использовать - запрещено).
3)Ссылка на скачивание должна вести на сторонний файлообменник (использовать вложения - запрещено).
Модераторы: DMS
  1. dixonn

    dixonn Постоялец

    Регистр.:
    25 май 2011
    Сообщения:
    53
    Симпатии:
    20
    Создавал такую же тему в DLE, она не оправдала моих надежд и я перешел на ксюшу))))))

    так вот в чем суть, в настройках группы есть поле "CSS стиль для имени пользователя:"
    можно ли средствами css сделать 30% ника (с правой стороны) другим цветом?

    Зеленый цвет основной, прописанный в шаблоне, а синий вот это как раз тот цвет который нужно сделать...

    Пример: Этоймойниктруляля
     
  2. dmx

    dmx

    Регистр.:
    22 июн 2011
    Сообщения:
    676
    Симпатии:
    558
    Средствами Css - нельзя ! :work: Копай в js.
    Что за жестокий переход с dle на xenforo.
    И на кой оно тебе сдалось , потом захочешь переливающийся :crazy:
     
  3. dixonn

    dixonn Постоялец

    Регистр.:
    25 май 2011
    Сообщения:
    53
    Симпатии:
    20
    Ну на кой оно мне сдалось это уже мои тараканы ))) а вот насчет перехода, так ксюша более стабильней чем дле, да и функционал под неё более приятный даже без модулей

    насчет проблемы... имеется js, но разве в поле можно вставить js, там же написанно для русских CSS ))
     
  4. Nagibator665

    Nagibator665

    Заблокирован
    Регистр.:
    27 авг 2012
    Сообщения:
    257
    Симпатии:
    78
    не вижу связи в DLE и XenForo :) один новостной движок. второй форумный :)

    нет, в поле нельзя вставить js. как уже сказали нужно ковырять js самого ксена. Так же можно попробовать в page_header_js попробовать подключить отдельно js'ку с уже реализованным функционалом.
     
    E-body нравится это.
  5. dixonn

    dixonn Постоялец

    Регистр.:
    25 май 2011
    Сообщения:
    53
    Симпатии:
    20
    HTML:
    Код:
    <h4 class="widgettitle">Этой_мой_ник</h4>
    CSS:
    Код:
     .secondWord{
    color: red;
    } 
    JavaScript:
    Код:
     $(function(){
    $('h4.widgettitle').each(function() {
    var text = $(this).text();
    $(this).html(text.substring(0, text.length/2)+'<span class="secondWord">'+text.substring(text.length/2)+'</span>');
    });
    }); 
    Осталось понять как это все запилить, чтобы работало)