Как да добавя свой изображения като rank banner и да поправя този бъг

Всичко за форумната система phpBB
Аватар
iwanoww
Извън линия
Потребител
Потребител
Мнения: 164
Регистриран на: 03 Ное 2018, 02:58
Местоположение: България
Се отблагодари: 8 пъти
Получена благодарност: 2 пъти

Как да добавя свой изображения като rank banner и да поправя този бъг

Мнение от iwanoww » 18 Юни 2019, 12:21

Как да добавя свой изображения като rank banner и да поправя този бъг.
Ако имам грешка при заглавието моля да ме извините.
Вие нямате нужните права за да сваляте прикачени файлове.

Аватар
Autumn Shade
Извън линия
Потребител
Потребител
Мнения: 269
Регистриран на: 14 Мар 2019, 13:20
Се отблагодари: 48 пъти
Получена благодарност: 150 пъти

Как да добавя свой изображения като rank banner и да поправя този бъг

Мнение от Autumn Shade » 18 Юни 2019, 13:30

Относно ранговите изображения - влизаш в папката на форума -> images\ranks и ги слагаш там. После отиваш в администраторският панел, редактираш/добавяш ранга и там има Rank Image. Избираш си го и си ти. Това къде ти го показва? Нещо си счупил при event-ите

Аватар
iwanoww
Извън линия
Потребител
Потребител
Мнения: 164
Регистриран на: 03 Ное 2018, 02:58
Местоположение: България
Се отблагодари: 8 пъти
Получена благодарност: 2 пъти

Как да добавя свой изображения като rank banner и да поправя този бъг

Мнение от iwanoww » 18 Юни 2019, 13:31

Във подраздела Екипа

Аватар
Autumn Shade
Извън линия
Потребител
Потребител
Мнения: 269
Регистриран на: 14 Мар 2019, 13:20
Се отблагодари: 48 пъти
Получена благодарност: 150 пъти

Как да добавя свой изображения като rank banner и да поправя този бъг

Мнение от Autumn Shade » 18 Юни 2019, 13:39

Покажи ми кода от styles\<твоят стил>\template\memberlist_team.html да видим къде прави чакмаци.

ПС:

Даже няма нужда да ми го показваш. Знам къде се чупи. Добавил си някакъв CSS, който override-ва по подразбиране който е и там, където има <td class="info"> се чупи. Промени името на класа си за информативно съобщение и следвай следната диаграма:

Изображение
Последно промяна от Autumn Shade на 18 Юни 2019, 13:54, променено общо 1 път.

Аватар
iwanoww
Извън линия
Потребител
Потребител
Мнения: 164
Регистриран на: 03 Ное 2018, 02:58
Местоположение: България
Се отблагодари: 8 пъти
Получена благодарност: 2 пъти

Как да добавя свой изображения като rank banner и да поправя този бъг

Мнение от iwanoww » 18 Юни 2019, 13:43

Autumn Shade написа: 18 Юни 2019, 13:39 Покажи ми кода от styles\<твоят стил>\template\memberlist_team.html да видим къде прави чакмаци.

ПС:

Даже няма нужда да ми го показваш. Знам къде се чупи. Добавил си някакъв CSS, който override-ва по подразбиране който е и там, където има <td class="info"> се чупи.

Код за потвърждение: Избери целия код

<!-- INCLUDE overall_header.html -->

<h2 class="solo">{PAGE_TITLE}</h2>

<form method="post" action="{S_MODE_ACTION}">

<!-- BEGIN group -->
<div class="forumbg forumbg-table">
	<div class="inner">

	<table class="table1" id="team">
	<thead>
	<tr>
		<th class="name" data-dfn="{L_RANK}{L_COMMA_SEPARATOR}{L_USERNAME}"><span class="rank-img">{L_RANK}&nbsp;</span><!-- IF group.U_GROUP --><a href="{group.U_GROUP}">{group.GROUP_NAME}</a><!-- ELSE -->{group.GROUP_NAME}<!-- ENDIF --></th>
		<th class="info">{L_PRIMARY_GROUP}</th>
		<!-- IF S_DISPLAY_MODERATOR_FORUMS --><th class="info">{L_MODERATOR}</th><!-- ENDIF -->
	</tr>
	</thead>
	<tbody>
<!-- BEGIN user -->
	<tr class="<!-- IF group.user.S_ROW_COUNT is even -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF group.user.S_INACTIVE --> inactive<!-- ENDIF -->">
		<td><!-- IF group.user.RANK_IMG --><span class="rank-img">{group.user.RANK_IMG}</span><!-- ELSE --><span class="rank-img">{group.user.RANK_TITLE}</span><!-- ENDIF -->{group.user.USERNAME_FULL}<!-- IF group.user.S_INACTIVE --> ({L_INACTIVE})<!-- ENDIF --></td>
		<td class="info"><!-- IF group.user.U_GROUP -->
			<a<!-- IF group.user.GROUP_COLOR --> style="font-weight: bold; color: #{group.user.GROUP_COLOR}"<!-- ENDIF --> href="{group.user.U_GROUP}">{group.user.GROUP_NAME}</a>
			<!-- ELSE -->
				{group.user.GROUP_NAME}
			<!-- ENDIF --></td>
		<!-- IF S_DISPLAY_MODERATOR_FORUMS -->
			<td class="info"><!-- IF group.user.FORUM_OPTIONS --><select style="width: 100%;">{group.user.FORUMS}</select><!-- ELSEIF group.user.FORUMS -->{group.user.FORUMS}<!-- ELSE -->-<!-- ENDIF --></td>
		<!-- ENDIF -->
	</tr>
<!-- BEGINELSE -->
	<tr class="bg1">
		<td colspan="3"><strong>{L_NO_MEMBERS}</strong></td>
	</tr>
<!-- END user -->
	</tbody>
	</table>
	
	</div>
</div>
<!-- END group -->

</form>

<!-- INCLUDE jumpbox.html -->
<!-- INCLUDE overall_footer.html -->
как трябва да стане по точно ?

Аватар
Autumn Shade
Извън линия
Потребител
Потребител
Мнения: 269
Регистриран на: 14 Мар 2019, 13:20
Се отблагодари: 48 пъти
Получена благодарност: 150 пъти

Как да добавя свой изображения като rank banner и да поправя този бъг

Мнение от Autumn Shade » 18 Юни 2019, 13:55

Виж поста ми по-горе. Редактирах го. Просто си промени името на класа на информативното съобщение.

Аватар
iwanoww
Извън линия
Потребител
Потребител
Мнения: 164
Регистриран на: 03 Ное 2018, 02:58
Местоположение: България
Се отблагодари: 8 пъти
Получена благодарност: 2 пъти

Как да добавя свой изображения като rank banner и да поправя този бъг

Мнение от iwanoww » 18 Юни 2019, 13:58

А как точно да го редактирам

Аватар
Autumn Shade
Извън линия
Потребител
Потребител
Мнения: 269
Регистриран на: 14 Мар 2019, 13:20
Се отблагодари: 48 пъти
Получена благодарност: 150 пъти

Как да добавя свой изображения като rank banner и да поправя този бъг

Мнение от Autumn Shade » 18 Юни 2019, 14:03

Дай едно демо да видя къде и какво трябва да редактираш. Дай ми от стила stylesheet.css . Намира се в theme папката на стила, за да ти го редактирам и оправя. Някой се е правил на front-end dev тука :coolface:

Аватар
iwanoww
Извън линия
Потребител
Потребител
Мнения: 164
Регистриран на: 03 Ное 2018, 02:58
Местоположение: България
Се отблагодари: 8 пъти
Получена благодарност: 2 пъти

Как да добавя свой изображения като rank banner и да поправя този бъг

Мнение от iwanoww » 18 Юни 2019, 14:30

Autumn Shade написа: 18 Юни 2019, 14:03 Дай едно демо да видя къде и какво трябва да редактираш. Дай ми от стила stylesheet.css . Намира се в theme папката на стила, за да ти го редактирам и оправя. Някой се е правил на front-end dev тука :coolface:

Код за потвърждение: Избери целия код

/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.1.x style)
	Based on style:		
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ ) 
        Edit: Fabulously (Georgi Dimitrov) [email protected]
    --------------------------------------------------------------
*/

@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("colours.css");
@import url("imageset.css");

#logo {
    float: left;
    background: url(./images/logo.png);
    width: 450px;
    height: 130px;
    margin-top: 20px;
    padding-top: -26px;
    
}

.headerx {
    background: url(();
    width: 1090px;
    height: 200px;
    margin: auto;
}

#bannerposition {
    float: right;
    background: url(./images/banerposition.png) no-repeat;
    width: 484px;
    height: 98px;
    margin-top: -25px;
    padding-top: 30px;
    padding-left: 9px;
}

#smallone {
    float: center;
    width: 88px;
    height: 31px;
    margin-top: -25px;
    padding-top: 30px;
    padding-left: 9px;
}


        .app-nav {
            position: relative;
            max-width: 1040px;
            margin: 0 auto;
            box-shadow: 0px -2px 0px #009dde;
        }
        .app-nav > .app-menu,
        .app-drop {
            background-color: #0a0a0a;
            margin: 0;
            padding: 0;
            font-family: arial;
            font-size: 14px;
            text-shadow: #000 1px 1px 1px;
            border-style: outset;
            border-color: #fff;
        }

        .app-nav > .app-menu::before {
            content: '';
            display: block;
        }

        .app-nav > .app-menu::after {
            content: '';
            display: block;
            clear: both;
        }

        .app-nav > .app-menu > li,
        .app-drop > li {
            list-style-type: none;
        }

        .app-nav > .app-menu > li {
            float: left;
            min-width: 100px;
        }

        .app-nav > .app-menu > li > a,
        .app-drop > li a {
            display: block;
            text-decoration: none;
            color: #eeeeee;
            font-weight: bold;
        }

        .app-nav > .app-menu > li > a {
            text-align: center;
            padding: 20px 8px;
        }

        .app-nav > .app-menu li a:hover {
            background: #101010;
            color: #fff;
        }

        .app-dropdown {
            position: relative;
        }

        .app-drop {
            display: none;
            position: absolute;
            left: 0;
            min-width: 200px;
        }

        .app-drop > li a {
            padding: 20px 22px;
        }

        .app-dropdown:hover .app-drop {
            display: block;
        }
        
        .form-wrapper {
            width: 300px;
            margin: auto;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            position: absolute;
            top: 10px;
            left: auto;
            bottom: auto;
            right: 20px;
        }

        .form-wrapper input {
            width: 180px;
            height: 15px;
            padding: 10px 5px;
            float: left; 
            font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
            border: 0;
            background: #eee;
            -moz-border-radius: 3px 0 0 3px;
            -webkit-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px; 
        }

        .form-wrapper input::-webkit-input-placeholder {
            color: #999;
            font-weight: normal;
            font-style: italic;
        }

        .form-wrapper button {
            overflow: visible;
            position: relative;
            float: right;
            border: 0;
            padding: 0;
            cursor: pointer;
            height: 35px;
            width: 110px;
            font: bold 15px/30px 'lucida sans', 'trebuchet MS', 'Tahoma';
            color: #fff;
            text-transform: uppercase;
            background: #009dde;
            -moz-border-radius: 0 3px 3px 0;
            -webkit-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0; 
            text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
        } 

        .form-wrapper button:hover{   
            background: #009dde;
        }   

        .form-wrapper button:active,
        .form-wrapper button:focus{ 
            background: #009dde; 
        }

        .form-wrapper button:before {
            content: '';
            position: absolute;
            border-width: 8px 8px 8px 0;
            border-style: solid solid solid none;
            border-color: transparent #009dde transparent;
            top: 10px;
            left: -6px;
        }

        .form-wrapper button::-moz-focus-inner {
            border: 0;
            padding: 0;
        }

footer {
    background-color: #0a0a0a;
    width: 1030px;
    height: 95px;
    margin: 0 auto;
    padding-left : 10px;
    padding-top : 20px;
    color : #d8d8d8;
    font-family : trebuchet ms;
    font-size : 12px;
    text-shadow: #000 1px 1px 1px;
    box-shadow: 0px 2px 0px #009dde;
}




Change Text Selection Color
/* Mozilla based browsers */
::-moz-selection {
       background-color: #0a6084;
       color: #fff;
}

/* Works in Safari */
::selection {
       background-color: #0a6084;
       color: #fff;
}



.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}


.info > p { margin: 0; }

.info {
color: #00182d;
border-color: #50aafb;
background-color: #d7f2ff;
background-image: url('./images/info.png');
height: 20px;
font-size: 12px;
width: 938px;
align-items: center;
display: flex;

}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}

Аватар
Autumn Shade
Извън линия
Потребител
Потребител
Мнения: 269
Регистриран на: 14 Мар 2019, 13:20
Се отблагодари: 48 пъти
Получена благодарност: 150 пъти

Как да добавя свой изображения като rank banner и да поправя този бъг

Мнение от Autumn Shade » 18 Юни 2019, 14:32

Код за потвърждение: Избери целия код

/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.1.x style)
	Based on style:		
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ ) 
        Edit: Fabulously (Georgi Dimitrov) [email protected]
    --------------------------------------------------------------
*/

@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("colours.css");
@import url("imageset.css");

#logo {
    float: left;
    background: url(./images/logo.png);
    width: 450px;
    height: 130px;
    margin-top: 20px;
    padding-top: -26px;
    
}

.headerx {
    background: url(();
    width: 1090px;
    height: 200px;
    margin: auto;
}

#bannerposition {
    float: right;
    background: url(./images/banerposition.png) no-repeat;
    width: 484px;
    height: 98px;
    margin-top: -25px;
    padding-top: 30px;
    padding-left: 9px;
}

#smallone {
    float: center;
    width: 88px;
    height: 31px;
    margin-top: -25px;
    padding-top: 30px;
    padding-left: 9px;
}


        .app-nav {
            position: relative;
            max-width: 1040px;
            margin: 0 auto;
            box-shadow: 0px -2px 0px #009dde;
        }
        .app-nav > .app-menu,
        .app-drop {
            background-color: #0a0a0a;
            margin: 0;
            padding: 0;
            font-family: arial;
            font-size: 14px;
            text-shadow: #000 1px 1px 1px;
            border-style: outset;
            border-color: #fff;
        }

        .app-nav > .app-menu::before {
            content: '';
            display: block;
        }

        .app-nav > .app-menu::after {
            content: '';
            display: block;
            clear: both;
        }

        .app-nav > .app-menu > li,
        .app-drop > li {
            list-style-type: none;
        }

        .app-nav > .app-menu > li {
            float: left;
            min-width: 100px;
        }

        .app-nav > .app-menu > li > a,
        .app-drop > li a {
            display: block;
            text-decoration: none;
            color: #eeeeee;
            font-weight: bold;
        }

        .app-nav > .app-menu > li > a {
            text-align: center;
            padding: 20px 8px;
        }

        .app-nav > .app-menu li a:hover {
            background: #101010;
            color: #fff;
        }

        .app-dropdown {
            position: relative;
        }

        .app-drop {
            display: none;
            position: absolute;
            left: 0;
            min-width: 200px;
        }

        .app-drop > li a {
            padding: 20px 22px;
        }

        .app-dropdown:hover .app-drop {
            display: block;
        }
        
        .form-wrapper {
            width: 300px;
            margin: auto;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            position: absolute;
            top: 10px;
            left: auto;
            bottom: auto;
            right: 20px;
        }

        .form-wrapper input {
            width: 180px;
            height: 15px;
            padding: 10px 5px;
            float: left; 
            font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
            border: 0;
            background: #eee;
            -moz-border-radius: 3px 0 0 3px;
            -webkit-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px; 
        }

        .form-wrapper input::-webkit-input-placeholder {
            color: #999;
            font-weight: normal;
            font-style: italic;
        }

        .form-wrapper button {
            overflow: visible;
            position: relative;
            float: right;
            border: 0;
            padding: 0;
            cursor: pointer;
            height: 35px;
            width: 110px;
            font: bold 15px/30px 'lucida sans', 'trebuchet MS', 'Tahoma';
            color: #fff;
            text-transform: uppercase;
            background: #009dde;
            -moz-border-radius: 0 3px 3px 0;
            -webkit-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0; 
            text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
        } 

        .form-wrapper button:hover{   
            background: #009dde;
        }   

        .form-wrapper button:active,
        .form-wrapper button:focus{ 
            background: #009dde; 
        }

        .form-wrapper button:before {
            content: '';
            position: absolute;
            border-width: 8px 8px 8px 0;
            border-style: solid solid solid none;
            border-color: transparent #009dde transparent;
            top: 10px;
            left: -6px;
        }

        .form-wrapper button::-moz-focus-inner {
            border: 0;
            padding: 0;
        }

footer {
    background-color: #0a0a0a;
    width: 1030px;
    height: 95px;
    margin: 0 auto;
    padding-left : 10px;
    padding-top : 20px;
    color : #d8d8d8;
    font-family : trebuchet ms;
    font-size : 12px;
    text-shadow: #000 1px 1px 1px;
    box-shadow: 0px 2px 0px #009dde;
}




Change Text Selection Color
/* Mozilla based browsers */
::-moz-selection {
       background-color: #0a6084;
       color: #fff;
}

/* Works in Safari */
::selection {
       background-color: #0a6084;
       color: #fff;
}



.info-message, .success-message, .warning-message, .error-message, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}


.info-message > p { margin: 0; }

.info-message {
color: #00182d;
border-color: #50aafb;
background-color: #d7f2ff;
background-image: url('./images/info.png');
height: 20px;
font-size: 12px;
width: 938px;
align-items: center;
display: flex;

}
.success-message {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning-message {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error-message {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
Готов си. Нямаш ядове вече.

Заключено
  • Подобни теми
    Отговори
    Преглеждания
     Последно мнение

Обратно към “PhpBB”

Кой е на линия

Потребители разглеждащи този форум: 0 регистрирани и 10 госта