Webboard

Pełna wersja: Logo jak przekierować
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.6
adres forum:
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

witam

chce wykonać następująca operację.
mam logo na stronie, ale chce dodać taki inny znaczek tez logo czyli obok siebie.
jednak chce zeby przy najechaniu i kliku przeniosło mnie na inną stronę.
logo składa się z 3 zdjęć logo strony, logo inne z którego chce przekierowanie na inną stronę.
jak mogę to wykonać ?
Dodajesz do headera (nagłówka w szablonach) zdjęcia z linkami i gotowe ;)

Wysyłane z mojego GT-S6500D za pomocą Tapatalk 2
możesz jakoś mi pomóc jak dodać ? kod czy co ?
Proszę gotowy kod
Kod:
<a href="http://link do czegoś tam">
<img src="adres obrazka" >
<img src="adres obrazka" >
<img src="adres obrazka" >
</a>

<a href="http://link do czegoś tam">
<img src="adres obrazka" >
</a>
<a href="http://link do czegoś tam">
<img src="adres obrazka" >
</a>
<a href="http://link do czegoś tam">
<img src="adres obrazka" >
</a>
Wklejasz to do szablonu nagłówek (header) w twoim stylu zamiast/pod loga. Tylko wypełnij ten kod odpowiednimi linkami...

Ps: dałem 2 kody bo dokładnie nie zrozumiałem... O co ci chodzi...

Wysyłane z mojego GT-S6500D za pomocą Tapatalk 2
Witajcie!
Skorzystałam z kodu wyżej i niestety nie zadziałał, więc z powrotem chciałam wkleić w global css to co miałam poprzednio, czyli:

Kod:
#mainpic {
    background: url(images/alphagaming/mainpic.png) no-repeat;
    width: 960px;
    height: 284px;
    text-align: center;
}

jednak menu i stopkę szlag trafił i powiększyła się czcionka na całym forum, napisy zamiast być obok siebie, są pod sobą, a prócz tej klasy nic nie zmieniałam o.o

link do forum: http://gamestube.pl/forum/index.php
Pokaż szablon header (Szablony -> Nagłówek)
nie wiem czy na pewno o to chodzi (myślałam, że problem tkwi gdzieś w global.css) ale wklejam szablon nagłówka:
Kod:
<div id="container">

<div id="mainpic">
<div id="ttop">

<div id="panel">
{$welcomeblock}
</div>

<a href="index.php"><div id="tlogo">
</div>
</a></div>
</div>
        <a name="top" id="top"></a>
        <div id="header">
            
            <div class="menu">
                <ul>
                                        <li><a href="index.php">Forum</a></li>
                    <li><a href="{$mybb->settings['bburl']}/search.php">Szukaj</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php">Użytkownicy</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php">Kalendarz</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Pomoc</a></li>
                </ul>

<div id="searchbar"><a name="top" id="top"></a>
<div style="float:right;">
<td class="trow1" align="center">
<form method="post" action="{$mybb->settings['bburl']}/search.php">
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input type="text" class="textbox" name="keywords" style="background:#000; width:120px; height:20px; border:1px solid #525252; color:#FFF; "  value="Szukaj..." />
<!-- start: gobutton -->
<INPUT TYPE="image" SRC="images/alphagaming/gosearch.png" HEIGHT="14" WIDTH="16" value="Submit" >
<!-- end: gobutton -->
</form>
</td>
</div></div>
            </div>
            <hr class="hidden" />
            
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            {$board_messages}

PS. teraz widzę, że źle przeczytałam instrukcje z początku wątku, ten kod wkleiłam do globala zamiast do nagłówka, ale wkleiłam do global.css stary kod więc nie wiem w czym tkwi problem :(
Tutaj widzę że nie ma pliku <img src= czyli tło jest wklejone w global.css
dokładniej klasa #mainpic
Kod:
#mainpic {
    background: url(../../../images/alphagaming/mainpic.png) no-repeat;
    width: 960px;
    height: 284px;
    text-align: left;
}
Musisz zmienić background na swój
Ale mam swoje grafiki, "mainpic.png" tak się ten plik nazywa. Chyba, że chodzi Ci o dłuższą ścieżkę do obrazka, czyli:
gamestube.pl/forum/images/alphagaming/mainpic.png

zmieniłam ścieżkę na dłuższą, ale w sumie nie naprawiło to problemu z rozjechanymi napisami o.o
Wrzucam global.css, pewnie tam tkwi przyczyna:

Kod:
body {
    background: #d3d4d6;
    width: 964px;
    color: #FFF;
    text-align: center;
    line-height: 1.4;
    margin: auto auto;
    
    background-image: url(images/alphagaming/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;

    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
}

#searchbar {
    margin-top:-33px;
        position:absolute;
        margin-left: 805px;
}

#paneltext {
    margin-top: 7px;
}

#mainpic {
    background: url(gamestube.pl/forum/images/alphagaming/mainpic.png) no-repeat;
    width: 960px;
    height: 284px;
    text-align: left;
}

#ttop {
    background: url(images/alphagaming/ttop.png) no-repeat;
    width: 960px;
    height: 57px;
}

#tlogo {
    background: url(images/alphagaming/logo.png) no-repeat;
    width: 147px;
    height: 10px;
    position: center;
    margin-top: 0px;
    margin-left: 15px;
}

a:link {
    color: #555454;
    text-decoration: none;
}

a:visited {
    color: #555454;
    text-decoration: none;
}

a:hover, a:active {
    color: #555454;
    text-decoration: underline;
}

#container {
    background: #fff;
    color: #000000;
    border: 1px solid #e4e4e4;
    margin: auto auto;
    padding: 1px;
    text-align: left;
    
    font-size: 10px;
}

font-size: 12px;
}

font-size: 12px;
}

font-size: 12px;
}

color: #000000;
    font-size: 12px;
}

color: #838383;
    width: 960px;
}

#content {
    width: auto !important;
}

.menu ul {
        background: url(images/alphagaming/menupic.png) repeat-x;
    color: #FFF;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: left;
    padding: 12px;
        font-size:12px;
}

.menu ul a:link {
    color: #919191;
    text-decoration: none;
}

.menu ul a:visited {
    color: #919191;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #FFF;
    text-decoration: none;
}

#panel {
    width: 410px;
    color: #fff;
    float: right;
    margin-top: 6px;
    
    font-size: 10px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #555454;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.tborder {
    background: #FFF;
    width: 100%;
    margin: auto auto;
}

.thead {
    background: #000 url(images/alphagaming/thead.png) repeat-x;
    color: #FFF;
        height:46px;
        padding: 0px 4px;
        padding-left:10px;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #cac9c8;
    color: #838383;
    font-size: 12px;
}

.tcat a:link {
    color: #000000;
}

.tcat a:visited {
    color: #000000;
}

.tcat a:hover, .tcat a:active {
    color: #000000;
}

.trow1 {
    background: #e6e6e6;
}

.trow2 {
    background: #e2e2e2;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #e6e6e6;
    color: #838383;
}

.tfoot a:link {
    color: #838383;
    text-decoration: none;
}

.tfoot a:visited {
    color: #838383;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #838383;
    text-decoration:
Najpierw to popraw header
Skasuj te 3 <div> które nawet nie są zamknięte nigdzie.
Kod:
<div id="container">

<div id="mainpic">
<div id="ttop">

A ten global.css też jest uszkodzony kod
zrobione, przy okazji tego "popsucia" pojawił się efekt, który mi się spodobał - przezroczystość pomiędzy działami. Ale forum wygląda jeszcze gorzej także pomocy :)
Ja polecam zmienić styl, ponieważ twój global jest tak zepsuty, że chyba nie da się już go naprawić.
Tak czy siak styl miał być zmieniany w niedługim czasie... A co głównie jest zepsutego w globalu? Żebym wiedziała na co zwracać uwagę przy drugim stylu i jego tez nie zmasakrować :)
Wystarczy jak zapoznasz się z podstawami HTML i CSS to będziesz wiedzieć.
Dollie, Jako że zaczynasz zapraszam Cię do tych jakże wciągających lektur :
HTML
CSS
Zapewne jeśli to przeczytasz (wszystko) to będziesz już umiała to i owo.