Копирование форума

neharnelo

Участник
Автор темы
31
6
Возможно ли скопировать чей то форум и вставить его к себе на форум? Если да то как.
 
  • Эм
Реакции: Mamashin
Решение
мне нужны именно баннеры которые на том форуме. Я так понимаю их никак не украсть? И как я должен сделать баннеры?

вообще в принципе как мне их установить на свой форум и юзать:?
Кажется, эти баннеры действительно описаны с помощью чистого CSS, обычно при помощи того же CSS указывается баннер как картинка и просто позиционируется с помощью CSS, но тут баннеры на самом деле простые, просто каждый баннер описан стилями, а не является картинкой, логотип Arizona непосредственно на самих баннерах прикреплен с помощью псевдоэлемента before.
Сам логотип - https://forum.martiarz.ru/styles/banners/images/arizona-logo.png
Если кратко о составлении стилей данных баннеров - задается ширина, высота, цвет фона или...

Mamashin

Известный
1,060
586
У каждого форума имеется движок, стоит начать с этого, тебе стоит проанализировать конкретный форум и понять, на чем он стоит, так же форум включает в себя массу плагинов и конечно же стиль, как правило под продакшен стили пишутся и составляются эксклюзивно под идею форума, в таком случаи тебе придется поискать копию стиля в интернете либо же использовать фристайл и сверстать стиль самостоятельно. Просто взять зайти на форум и скачать его для использования - не получится.
 

neharnelo

Участник
Автор темы
31
6
кароче мне придется вручную копировать?

У каждого форума имеется движок, стоит начать с этого, тебе стоит проанализировать конкретный форум и понять, на чем он стоит, так же форум включает в себя массу плагинов и конечно же стиль, как правило под продакшен стили пишутся и составляются эксклюзивно под идею форума, в таком случаи тебе придется поискать копию стиля в интернете либо же использовать фристайл и сверстать стиль самостоятельно. Просто взять зайти на форум и скачать его для использования - не получится.
и подскажи как копировать баннеры, просто я смотрю в network и их там нету. А допустим на свеге там они есть
 

Mamashin

Известный
1,060
586
кароче мне придется вручную копировать?


и подскажи как копировать баннеры, просто я смотрю в network и их там нету. А допустим на свеге там они есть
Какие именно баннеры? Дай ссылку что-ли
 

Klentovskiy

Известный
16
0
Этот баннер сделан не в фотошопе как на той же арз, и просто вставлен как картинка, он стилизован с помощью css, поэтому тебе нужно получить конкретно стили к нему

Вот стили конкретно этого баннера можешь под себя их сделать

CSS:
.userBanner {
    font-style: normal;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 6px 6px 6px;
    border: 1px solid transparent;
    border-radius: 12px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative;
    margin-bottom: 5px;
    width: 4.5cm
}

.userBanner strong {
    font-size: 95%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    padding-left: 3px;
    padding-top: 3px;
    line-height: 1.1;
    text-shadow: 0;
    max-width: 3cm
}

.message-userBanner.userBanner {
    display: flex;
    align-items: center;
    align-content: center
}

.userBanner.userBanner--staff {
    color: #fff;
    background-color: #ff0101;
    border: none;
    background-image: linear-gradient(to right, #8a0108 0%, transparent 100%)
}

.userBanner.userBanner--staff .userBanner-before:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url('/styles/banners/images/arizona-logo.png') no-repeat center / 19px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 4px;
    border-radius: 50%;
}
 
Последнее редактирование:

neharnelo

Участник
Автор темы
31
6
Этот баннер сделан не в фотошопе как на той же арз, и просто вставлен как картинка, он стилизован с помощью css, поэтому тебе нужно получить конкретно стили к нему

Вот стили конкретно этого баннера можешь под себя их сделать

CSS:
.userBanner {
    font-style: normal;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 6px 6px 6px;
    border: 1px solid transparent;
    border-radius: 12px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative;
    margin-bottom: 5px;
    width: 4.5cm
}

.userBanner strong {
    font-size: 95%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    padding-left: 3px;
    padding-top: 3px;
    line-height: 1.1;
    text-shadow: 0;
    max-width: 3cm
}

.message-userBanner.userBanner {
    display: flex;
    align-items: center;
    align-content: center
}

.userBanner.userBanner--staff {
    color: #fff;
    background-color: #ff0101;
    border: none;
    background-image: linear-gradient(to right, #8a0108 0%, transparent 100%)
}

.userBanner.userBanner--staff .userBanner-before:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url('/styles/banners/images/arizona-logo.png') no-repeat center / 19px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 4px;
    border-radius: 50%;
}
мне нужны именно баннеры которые на том форуме. Я так понимаю их никак не украсть? И как я должен сделать баннеры?

вообще в принципе как мне их установить на свой форум и юзать:?
 
Последнее редактирование:

Mamashin

Известный
1,060
586
мне нужны именно баннеры которые на том форуме. Я так понимаю их никак не украсть? И как я должен сделать баннеры?

вообще в принципе как мне их установить на свой форум и юзать:?
Кажется, эти баннеры действительно описаны с помощью чистого CSS, обычно при помощи того же CSS указывается баннер как картинка и просто позиционируется с помощью CSS, но тут баннеры на самом деле простые, просто каждый баннер описан стилями, а не является картинкой, логотип Arizona непосредственно на самих баннерах прикреплен с помощью псевдоэлемента before.
Сам логотип - https://forum.martiarz.ru/styles/banners/images/arizona-logo.png
Если кратко о составлении стилей данных баннеров - задается ширина, высота, цвет фона или использование градиента на фоне, округление и позиционирование, таким образом уникальность каждого баннера заключается лишь в изменении цветов или заднего фона.
 
  • Нравится
Реакции: neharnelo

neharnelo

Участник
Автор темы
31
6
Этот баннер сделан не в фотошопе как на той же арз, и просто вставлен как картинка, он стилизован с помощью css, поэтому тебе нужно получить конкретно стили к нему

Вот стили конкретно этого баннера можешь под себя их сделать

CSS:
.userBanner {
    font-style: normal;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 6px 6px 6px;
    border: 1px solid transparent;
    border-radius: 12px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative;
    margin-bottom: 5px;
    width: 4.5cm
}

.userBanner strong {
    font-size: 95%;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    padding-left: 3px;
    padding-top: 3px;
    line-height: 1.1;
    text-shadow: 0;
    max-width: 3cm
}

.message-userBanner.userBanner {
    display: flex;
    align-items: center;
    align-content: center
}

.userBanner.userBanner--staff {
    color: #fff;
    background-color: #ff0101;
    border: none;
    background-image: linear-gradient(to right, #8a0108 0%, transparent 100%)
}

.userBanner.userBanner--staff .userBanner-before:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url('/styles/banners/images/arizona-logo.png') no-repeat center / 19px,linear-gradient(to top, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.2) 100%);
    filter: opacity(100%);
    padding: 4px;
    border-radius: 50%;
}
забыл спросить, а как их все таки установить чтобы они работали?