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

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

Dodanie buttonów jak tutaj na forum

Założony przez  aloha2015.

25.01.2016, 15:46
#1
Witam, chciałbym dodać buttony (nie koniecznie takie same) jak tutaj na forum czyli jak wpiszę: 
[szukaj]

wyskakuje mi takie coś:
Akcja "Pokochaj wyszukiwarkę"
jest jakiś poradnik na to? Jeśli był już taki temat to przepraszam :)
25.01.2016, 16:04
#2
ale gdzie to chcesz dodac?
25.01.2016, 16:06
#3
W ACP > Konfiguracja > MyCode > Nowe MyCode i tam robisz takie właśnie przyciski
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
25.01.2016, 16:10 (Ten post był ostatnio modyfikowany: 25.01.2016, 16:12 przez musicpower.)
#4
a co to za sztuka zrobić mycode xD?
ACP -> konfiguracja -> MyCode
Tytuł (wymysl cos)
Krótki opis (wymysl cos)
Wyrażenie regularne np.
\[szukaj]

Zamiana
<div class="button szukaj"><a href="link">button ala mybboard</a></div>

i w global.css
.szukaj a {
    background:seagreen;
    color:#fff;
}

.szukaj a:hover{
    background:#1F7143;
}

.button a{
    font-size:17px;
    width:60%;
    padding:15px;
    margin:15px auto;
    display:block;
    border-radius:3px;
    text-align:center;
}

.button i{
    font-size:25px;
    margin:0 10px 0 0;
    vertical-align:middle;
}
style ukradłem to z mybboard.pl mam nadzieje ze się nie wkurzycie xD (nie chciało mi się pisać od podstaw)

@edit
dodatkowo możesz dodać ikonke np. lupa z tej stronki http://fortawesome.github.io/Font-Awesome/icons/

czyli zmiana będzie wyglądała tak:
<div class="button szukaj"><a href="link"><i class="fa fa-thumbs-o-up"></i>button ala mybboard</a></div>
Akcja "Dziękuję za pomoc"
25.01.2016, 16:15 (Ten post był ostatnio modyfikowany: 25.01.2016, 16:17 przez aloha2015.)
#5
[Obrazek: d6ky6x.jpg]
Nie działa. CSS wkleiłem :p xD
Edit: Działa ;) Dzięki :D wszystkim, a zwłaszcza @musicpower
25.01.2016, 16:18
#6
Coś źle robisz. http://scr.hu/78l2/glj67
25.01.2016, 16:21
#7
(25.01.2016, 16:18)GiboneKPL napisał(a): <div class="button szukaj"><a href="link"><i class="fa fa-thumbs-o-up"></i>button ala mybboard</a></div>
Już wszystko działa, dzięki Wam :)
25.01.2016, 16:22
#8
temat dotyczący mybb w HP?
25.01.2016, 16:23
#9
Nie wiedziałem, czy dodać to do Pluginów czy do stylów, grafiki ;)
25.01.2016, 16:27
#10
no pluginów to nie dotyczy, to tylko Style, szablony i grafika
Akcja "Dziękuję za pomoc"
25.01.2016, 16:41
#11
Dodam jeszcze coś od siebie.
Jeśli chcesz te ikonki obok tekstu to robisz tak
<a><i class="fa"></i>tekst</a>

a w css'ach
i::before{content:""}
.fa{font-family:FontAwesome;margin-right:25px;display:inline-block}

Czcionkę to masz tutaj
https://fortawesome.github.io/Font-Awesome/
a kod podebrany z tej strony na importa wygląda tak
@font-face {
   font-family: "FontAwesome";
   font-style: normal;
   font-weight: normal;
   src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
Wiadomo możesz sobie wszystko poprzestawiać do swoich potrzeb tak jak tutaj font-size jest na 25px :D
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
25.01.2016, 16:46
#12
Też fajnie :D Dzięki :)
25.01.2016, 16:52
#13
ooo nawet nie wiedziałem że można zaznaczać kilka najlepszych odpowiedzi :D
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
25.01.2016, 16:57 (Ten post był ostatnio modyfikowany: 25.01.2016, 16:57 przez musicpower.)
#14
@NiespecjalnieUzdolniony niestety z tym co podałeś jest pewien problem
mianowicie ten kod do css
i::before{content:""}
.fa{font-family:FontAwesome;margin-right:25px;display:inline-block}

po uzyciu jego, wszystkie fonty z https://fortawesome.github.io/Font-Awesome/ będą przesunięte w lewo o 25px
Akcja "Dziękuję za pomoc"
25.01.2016, 17:01 (Ten post był ostatnio modyfikowany: 25.01.2016, 17:04 przez NiespecjalnieUzdolniony.)
#15
wszystkie z klasą .fa
Jakiś z tym problem?
Ja widzę inny jak będzie znacznik <i> to zawsze wstawi .
Trzeba tutaj jakąś klasę pewno zastosować aby to lepiej działało.
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.



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

1 gości