Галерея на 1.10.3

Тема в разделе "InstantCMS", создана пользователем Monetkin99, 25 мар 2014.

Модераторы: Maybe
  1. Monetkin99

    Monetkin99 Постоялец

    Регистр.:
    9 янв 2014
    Сообщения:
    50
    Симпатии:
    3
    Всем привет!

    Кто как разобрался с галереей на версии 1.10.3???

    Я попробовал поставить Forlord galleri но не пошла:(


    И ещё вопрос в каком файле поменять цвет ника пользователя? А то отображается белым.
    Белый.PNG
     
    Последнее редактирование: 26 мар 2014
  2. Alexeina66

    Alexeina66

    Регистр.:
    26 авг 2013
    Сообщения:
    292
    Симпатии:
    224
    Находим строчку в файле находящийся в core/classes/user.class
    PHP:
     return '<a href="'.cmsUser::getProfileURL($login).'" class="user_gender_'.$gender.'" style="'.$css_style.'">'.$nickname.'</a>';
    Правим style (добавляем)="color:#FF0000" меняем цвет на любой понравившиеся.

    По галерее....у вас архив для для instantcms 1.10. А что не так со стандартной фотогалереей? Такой компонент есть по умолчанию в 1.10.3
     
    Последнее редактирование: 26 мар 2014
    Monetkin99 нравится это.
  3. Monetkin99

    Monetkin99 Постоялец

    Регистр.:
    9 янв 2014
    Сообщения:
    50
    Симпатии:
    3
    Спасибо!
    Цвет поменял, но он стал одинаковым у всех и у администратора и пользователей, ну да ладно)
    А галерея стоит обычная, но уж больно она не устраивает, просмотр фото не удобен(
    Хотелось бы чтобы просмотр фото был во всплывающем окне с возможностью листать.

    Может подскажите ещё как сделать отступ, чтобы фото не прилипали друг к другу как на скрине.

    upload_2014-3-26_19-9-9.png
     
  4. Alexeina66

    Alexeina66

    Регистр.:
    26 авг 2013
    Сообщения:
    292
    Симпатии:
    224
    Чтобы был разный цвет у Администратора и других пользователей. нужно назначить разные классы. Но у нас один класс для переменной "user_gender_'.$gender.'" Таким образом для чтобы сделать цвет текста у Администратора..необходимо: прямо прописать постоянный класс для user_gender_admin если не ошибаюсь.
    По отступу. Сайт есть в интернете чтобы сразу поправить и написать готовое решение?
     
  5. Monetkin99

    Monetkin99 Постоялец

    Регистр.:
    9 янв 2014
    Сообщения:
    50
    Симпатии:
    3
    Нет пока на локалке настраиваю.
     
  6. Alexeina66

    Alexeina66

    Регистр.:
    26 авг 2013
    Сообщения:
    292
    Симпатии:
    224
    Как вариант могу сделать вам по TeamViewer! вообще если в CSS разбираетесь то смотрите нажимаете допустим в Opera правой мышкой на картинку....справа появляется CSS код ниже html поднимаетесь и выбираете первый div если для него класс есть то добавляете допустим атрибут margin: 10px; если картинки сдвинулись значит вы в правильном направлении. Если нет то нужно смотреть подробно...
     
    Последнее редактирование: 27 мар 2014
  7. Monetkin99

    Monetkin99 Постоялец

    Регистр.:
    9 янв 2014
    Сообщения:
    50
    Симпатии:
    3
    Попробовал добавить, но что-то ничего не поменялось(
    Вот так выглядит мой CSS
    Код:
    /*------------------------- COMPONENT "PHOTOS" -------------------------------*/
    .photo_layout{
        margin-bottom: 15px;
    }
    .photo_thumb{
        display:block;
        padding:15px;
        border-radius:8px;
        -moz-border-radius:8px;
        margin-right:5px;
        margin-bottom:5px;
    }
    .photo_thumb a{
        font-size:14px;
    }
    .photo_bar{
        background-color: #EBEBEB;
        margin:6px 0px 6px 0px;
    }
    .photo_desc{
        margin-bottom:10px;
    }
    .photo_box{
        border:solid 1px silver;
    }
    .photo_date_td{
        background-color:#EBEBEB;
    }
    .photo_subcat{
        font-size:16px;
    }
    .photo_gallery{
        margin-bottom:15px;
        clear:both;
    }
    .photo_userbar{
        padding:10px;
        background-color:#EBEBEB;
        margin-bottom:2px;
    }
    .photo_toolbar table{
        height:30px;
    }
    
    .photo_toolbar a{
        text-decoration:underline;
        font-size:14px;
        color:#375E93;
    }
    .photo_add_link{
        padding-left:20px;
        background:url(../images/icons/addphoto.png) no-repeat left center;
        font-size:14px;
        margin: 0 0 0 8px;
    }
    .photo_bbinput{
        width:200px;
        padding:2px;
        border:solid 1px #4DA4CF;
    }
    .photo_row{
        height:auto !important;
        overflow:hidden;
        padding:0.8em 0;
        width:99%;
    }
    .photo_album_tumb{
        height:100%;
        float:left;
        position:relative;
        width:200px;
        margin-right:15px;
        margin-bottom:15px;
        padding:15px;
        border-radius:8px;
        -moz-border-radius:8px;
    }
    
    .photo_container{
        text-align:center !important;
    }
    .photo_album_img{
        background-color:#FFFFFF;
        background-image:none;
        border:1px solid #C0C0C0;
        margin: 0 0.3em 0.3em 0;
        padding:3px;
        vertical-align:bottom;
        width: 200px;
    box-shadow: 0 5px 10px #797777;
    }
    .photo_txt{
        text-align:center !important;
        margin-top: -100px;
    color: #fff;
    display: none;
    }
    .photo_album_tumb:hover .photo_txt {
    display: block;
    }
    .photo_txt .photo_album_title{
        font-size:16px;
        height: 25px;
        display:block;
    }
    .photo_container_today{
        color:#09F;
        font-weight:bold;
        position:absolute;
        top: 40px;
        left: 10px;
        z-index: 1;
        margin:0;
        padding:0;
    }
    .photo_txt ul {
        margin:0 !important;
        padding:0 !important;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
    }
    .photo_txt li {
        background-image:none;
        line-height:115% !important;
        list-style-image:none;
        list-style-type:none;
        margin:0 !important;
        padding:0 !important;
    }
    .photo_details .photo_date_details{
        margin-top:10px;
    }
    .photo_larr{
        background:url(../images/larr.jpg) no-repeat right 20px;
    }
    .photo_details{
        background:#E0EAEF;
        padding:20px;
        border-radius:8px;
        -moz-border-radius:8px;
        font-size:14px;
    }
    .club_photo .karma_buttons{
        padding:5px;
    }
    
    .photo_sub_details{
        padding:10px 20px;
        font-size:14px;
    }
    
    .photo_sub_details .taglinebar{
        margin:0px;
        margin-top:10px;
    }
    
     
  8. Alexeina66

    Alexeina66

    Регистр.:
    26 авг 2013
    Сообщения:
    292
    Симпатии:
    224
    Решение по картинкам. Открываем файл /templates/Ваша тема/CSS/styles.css. Строчка 4489. Добавляем margin-right: 10px; Сохраняем обновляем страницу. Радуемся!
     
    Monetkin99 нравится это.
  9. Monetkin99

    Monetkin99 Постоялец

    Регистр.:
    9 янв 2014
    Сообщения:
    50
    Симпатии:
    3
    Спасибо помогло)))
    А по галерее, точнее сделать просмотр во всплывающем окне, можно что-то придумать?
     
  10. Alexeina66

    Alexeina66

    Регистр.:
    26 авг 2013
    Сообщения:
    292
    Симпатии:
    224