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

[ryan x king]

Возможно ли скопировать чей то форум и вставить его к себе на форум? Если да то как.

 

[Mamashin]

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

 

[ryan x king]

кароче мне придется вручную копировать?

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

и подскажи как копировать баннеры, просто я смотрю в network и их там нету. А допустим на свеге там они есть

 

[Mamashin]

кароче мне придется вручную копировать?


и подскажи как копировать баннеры, просто я смотрю в network и их там нету. А допустим на свеге там они есть

Какие именно баннеры? Дай ссылку что-ли

 

[ryan x king]

Какие именно баннеры? Дай ссылку что-ли

Angel Washington

forum.martiarz.ru

 

[Потная восьмиклассница]

блять, рил баннеры имба. только своровать не получается...

 

[Klentovskiy]

Angel Washington

forum.martiarz.ru

Этот баннер сделан не в фотошопе как на той же арз, и просто вставлен как картинка, он стилизован с помощью 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%;
}

 

[ryan x king]

Этот баннер сделан не в фотошопе как на той же арз, и просто вставлен как картинка, он стилизован с помощью 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]

мне нужны именно баннеры которые на том форуме. Я так понимаю их никак не украсть? И как я должен сделать баннеры?

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

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

 

[ryan x king]

Этот баннер сделан не в фотошопе как на той же арз, и просто вставлен как картинка, он стилизован с помощью 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%;
}

забыл спросить, а как их все таки установить чтобы они работали?

как их установить я разобрался, только где мне стили всех остальных баннеров найти?

и я щас нашел то что не все баннеры описаны у них в css стиле, некоторые загружены картинкой

Баннеры я установил, а как сделать текст таким же жирным?

 

[Mamashin]

а как сделать текст таким же жирным?

Возможно они использовали шрифт который по умолчанию толстый, но

.banner {
    font-weight: 700; /* bold */
    font-weight: 800; /* extra bold */
}

На баннере пользователя ссылку которого ты оставлял выше - используется font-weight: bold;, а так же шрифт font-family: Montserrat; семейства sans-serif.

забыл спросить, а как их все таки установить чтобы они работали?

как их установить я разобрался, только где мне стили всех остальных баннеров найти?

и я щас нашел то что не все баннеры описаны у них в css стиле, некоторые загружены картинкой

Баннеры я установил, а как сделать текст таким же жирным?

Насчёт того, что некоторые баннеры являются полноценной картинкой - достаешь эту картинку и размещаешь её в бэкграундом в селекторе нужного тебе баннера, так же позиционируешь картинку баннера относительно других элементов.

 

[ryan x king]

Возможно они использовали шрифт который по умолчанию толстый, но

.banner {
    font-weight: 700; /* bold */
    font-weight: 800; /* extra bold */
}

На баннере пользователя ссылку которого ты оставлял выше - используется font-weight: bold;, а так же шрифт font-family: Montserrat; семейства sans-serif.


Насчёт того, что некоторые баннеры являются полноценной картинкой - достаешь эту картинку и размещаешь её в бэкграундом в селекторе нужного тебе баннера, так же позиционируешь картинку баннера относительно других элементов.

честно не очень понимаю как это делать, можешь это все прописать(код выше есть) и отправить сюда как для примера мне, иначе я не пойму

кароче пиздец с этими баннерами, https://vk.com/makcimkaboss отпишите кто может мне помочь

куда это вставлять та