Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Przyciski na forum

Założony przez  Smoczakrew.

21.04.2020, 12:06 (Ten post był ostatnio modyfikowany: 21.04.2020, 12:52 przez Łukasz.)
#1
Adres forum:
[https://fenikscraft.pl/forum/]

Wersja silnika:
[1.8.21 nie długo na [i]1.8.22[/i]]

Opis problemu:
Witam
prosiłbym o pomoc gdzie mam wkleić przyciski do forum. Kiedyś ktoś nam pomógł i były ale po przeniesieniu forum na nową maszynę nie ma ich.
w pliku css mam coś takiego:


.socialMedia {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    height: 32px;
    margin: 0px 10px 35px 10px;
    font-size: 16px;
    font-weight: 500;
}

.socialMedia span {
    width: 25%;
    margin: 0 20px;
}

.socialMedia span i {
    padding-right: 10px;
}

.socialMedia span.ts3 i {
    color: #1c2437;
    font-weight: bold;
}

.socialMedia span.fb i {
    color: #3b5998;
    font-weight: bold;
}

.socialMedia span.dc i {
    color: #738ADB;
    font-weight: bold;
}

/* 2 */

.op2 span {
    padding: 20px 0;
    border-radius: 10px;
    transition: .3s ease;

}

.op2 a {
    color: #FFF;
}

.op2 span:hover {
    filter: brightness(1.2);
    cursor: pointer;
}

.op2 span.ts3 {
    background: #1c2437;
}

.op2 span.fb {
    background: #3b5998;
}

.op2 span.dc {
    background: #738ADB;
}

.op2 span i {
    color: #FFF !important;
    font-weight: normal !important;
}



 linki:



<div id="content">
<div class="socialMedia">
    <span class="ts3">
        <a href="ts3server://ts.fenikscraft.pl" title="Kliknij, aby się połączyć"><i class="fab fa-teamspeak"></i> TeamSpeak3: <b>ts.fenikscraft.pl</b></a>
    </span>
    <span class="fb">
        <a href="https://www.facebook.com/FeniksCraft-113495943403791/" title="Kliknij, aby przejść na FP"><i class="fab fa-facebook-f"></i> Facebook: <b>FeniksCraft</b></a>
    </span>
    <span class="dc">
        <a href="https://discord.gg/JPcFhwC" title="Kliknij, aby się połączyć"><i class="fab fa-discord"></i> Discord: <b>Kliknij, aby przejść do DC </b></a>
    </span>
</div>



i mam te linki ale nie wiem gdzie je się wkleja. Na ss pokazuje jak były zanim forum zostało przeniesione.
Z tego co pamiętam to
style>> szablony >> mój szablon>> i dalej nie wiem
Łukasz napisał 21.04.2020, 12:52:
Kody podajemy w tagach [code] lub [php], poprawia to czytelność posta.


Załączone pliki Miniatury
   
22.04.2020, 23:43
#2
nagłowki -> header
29.04.2020, 18:13
#3
a gdzie dokładnie mam wkleić

<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$remote_avatar_notice}
{$bannedwarning}
{$bbclosedwarning}
{$modnotice}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />
30.04.2020, 16:38
#4
(22.04.2020, 23:43)Kacper Wojciechowski napisał(a): nagłowki -> header
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
01.05.2020, 18:25
#5
Dobrze dziękuję
wiem że w header ale wkleiłem gdzie konkretnie w jakim miejscu bo jak wklejam to w jakiś dziwnych miejscach pojawia
07.05.2020, 19:08
#6
(01.05.2020, 18:25)Smoczakrew napisał(a): Dobrze dziękuję
wiem że w header ale wkleiłem gdzie konkretnie w jakim miejscu bo jak wklejam to w jakiś dziwnych miejscach pojawia

Wejdź w szablony > Twój szablon > Strona Główna - szablony > index i wklej ten kod pod "{$header}"

Dodatkowo musisz dodać css dla "ts3", "fb" i "dc" ponieważ nie masz ich w stylu i nie wyświetlają się poprawnie. 

   
08.05.2020, 22:46 (Ten post był ostatnio modyfikowany: 08.05.2020, 22:47 przez Smoczakrew.)
#7
(07.05.2020, 19:08)BimberDziadka napisał(a):
(01.05.2020, 18:25)Smoczakrew napisał(a): Dobrze dziękuję
wiem że w header ale wkleiłem gdzie konkretnie w jakim miejscu bo jak wklejam to w jakiś dziwnych miejscach pojawia

Wejdź w szablony > Twój szablon > Strona Główna - szablony > index i wklej ten kod pod "{$header}"

Dodatkowo musisz dodać css dla "ts3", "fb" i "dc" ponieważ nie masz ich w stylu i nie wyświetlają się poprawnie.

[attachment=14939]


co masz na myśli ''Dodatkowo musisz dodać css ''
na samej górze posta wkleiłem co mam w css na końcu to nie jest to ??
Zaczyna się od ... .socialMedia {

Wiesz wole się zapytać zanim coś popsuje

Oraz wielkie dzięki za obecną pomoc.
01.06.2020, 11:06
#8
Można Zamknąć



Użytkownicy przeglądający ten wątek:

2 gości