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.