Obrazek w tle stopki i newsów
|
mnemozyne |
Dodany dnia 22.01.2010 15:38:13
|
Przedszkolak
Postów: 16 Ostrzeżeń: 1
Data rejestracji: 22.01.2010 15:13
|
Witam. Przeszukałem forum, jednak nie znalazłem informacji, które mnie interesowały.
Chciałbym wstawić obrazek (jako tło) do stopki. w .CSS nie mam odniesienia do stopki, zaś w theme.php mam taki kod:
global $theme_width,$settings,$locale;
echo "</tr>\n</table>\n";
echo "<div align='center'>";
echo "<table cellpadding='3' cellspacing='0' width='98%'>";
echo "<tr><td align='center' >";
echo "".stripslashes($settings['footer'])."";
if ($license == false) {
echo "Powered by <a href=http://www.php-fusion.co.uk target=_blank>PHP-Fusion</a> v".$settings['version']." <br><b>Matrix Theme</b> by probase @ AusiMods";
}
echo "<br><b>".$settings['counter']."</b> ".($settings['counter'] == 1 ? $locale['140']."<br><br>\n" : $locale['141']."<br><br>\n");
echo "</td></tr></table></td></tr></table></center></div><br> \n";
}
druga sprawa - jak wstawić do newsów obrazek? Tzn, chciałbym, żeby na każdej otwartej podstronie, newsach, etc. był tekst, a z tyłu w tle obrazek :-)
potrafi ktoś pomóc? Byłbym dozgonnie wdzięczny ;)
PW od moderatora:
- Przeniesienie tematu - jantom 22.01 - 16:09
Edytowane przez jantom dnia 22.01.2010 16:07:32
|
|
|
|
Wścibski Gość |
Dodany dnia 21.12.2024 14:47:13
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
IP: localhost |
|
|
khaman |
Dodany dnia 22.01.2010 15:44:29
|
Postów: 2508 Pomógł: 78
Data rejestracji: 26.06.2007 12:11
|
Adres strony?
Posty pomocne oznaczaj jako pomógł Nie pomagam na PW/GG | Brak stopki = brak pomocy
|
|
|
|
piotrek199214 |
Dodany dnia 22.01.2010 15:45:19
|
Bywalec
Postów: 977 Pomógł: 168
v7.01.05 Data rejestracji: 17.12.2007 21:05
|
No to jest podstawa html-a jak się wstawia obrazek.
Sprawdź tak:
echo "<table background='URL' cellpadding='3' cellspacing='0' width='98%'>";
W miejscu URL wstawiasz adres do obrazka
Pomogłem Ci? Wystarczy podziękować i oznaczyć post jako pomocny
Tanie tworzenie wtyczek, masz problem napisz.
|
|
|
|
mnemozyne |
Dodany dnia 22.01.2010 15:53:11
|
Przedszkolak
Postów: 16 Ostrzeżeń: 1
Data rejestracji: 22.01.2010 15:13
|
Niestety nie działa wstawienie tej komendy :-)
Edytowane przez mnemozyne dnia 22.01.2010 20:22:26
|
|
|
|
Gismo_PL |
Dodany dnia 22.01.2010 17:45:04
|
Bywalec
Postów: 462 Pomógł: 40 Ostrzeżeń: 2
v7.01.05 Data rejestracji: 25.02.2007 21:13
|
Kolega zapewne nie podmienia kodu w odpowiednim miejscu a wstawia kod podany przez piotrka199214 i dlatego brak jakichkolwiek efektów.
|
|
|
|
Bochen |
Dodany dnia 22.01.2010 18:42:36
|
Bywalec
Postów: 380 Pomógł: 37
Data rejestracji: 18.03.2009 18:01
|
Poprawniej będzie nadać tabelce odpowiednia klasę i w pliku .css tej klasie nadać tło obrazkowe z odpowiednimi parametrami (by przewijało tło lub też nie, jego pozycję itp). Trudne nie jest i podstawy html wystarczą do takich sztuczek
Prawdziwy mężczyzna nie je miodu, prawdziwy mężczyzna żuje pszczoły!
|
|
|
|
mnemozyne |
Dodany dnia 22.01.2010 18:53:06
|
Przedszkolak
Postów: 16 Ostrzeżeń: 1
Data rejestracji: 22.01.2010 15:13
|
Ok, to poda ktoś jak będą wyglądać pełne kody? Kompletnie nie rozumiem PHP, a moje działanie oparte jest na metodzie prób i błędów. Mógłby ktoś napisać jak / gdzie i co mam wstawić? Byłbym bardzo wdzięczny.
|
|
|
|
Bochen |
Dodany dnia 22.01.2010 19:07:45
|
Bywalec
Postów: 380 Pomógł: 37
Data rejestracji: 18.03.2009 18:01
|
Podaj cały kod jaki masz w funkcji render news w swoim pliku theme.php, bo jak napisze Ci na przykładzie to mimo wszystko pewnie znajdą się problemy by to u siebie zastosować
Edytowane przez Pieka dnia 22.01.2010 19:17:00
Prawdziwy mężczyzna nie je miodu, prawdziwy mężczyzna żuje pszczoły!
|
|
|
|
mnemozyne |
Dodany dnia 22.01.2010 19:29:22
|
Przedszkolak
Postów: 16 Ostrzeżeń: 1
Data rejestracji: 22.01.2010 15:13
|
Cały theme.php:
<?
$body_text = "#ffffff";
$body_bg = "#000";
$theme_width = "100%";
$theme_width_l = "160";
$theme_width_r = "160";
function render_header($header_content) {
global $theme_width,$settings;
echo "<table class='bodyline' align=center width='850' cellspacing='0' cellpadding='0' border='0'>";
echo "<tr><td align='center' valign='top'>";
echo "<table background='".THEME."logo.jpg' width='100%' border='0' cellspacing='0' cellpadding='0'><tr align=left>";
echo "<td width='100%' height='110'>";
echo "</td>";
echo "</td></tr></table>";
echo "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr>";
echo "<td><table width='100%' height='47' border='0' cellpadding='4' cellspacing='0' background='".THEME."datebg.jpg'>";
$result = dbquery("SELECT * FROM ".DB_PREFIX."site_links WHERE link_position>='2' ORDER BY link_order");
if (dbrows($result) != 0) {
echo "<td class='content'> \n";
$i = 0;
while($data = dbarray($result)) {
if (checkgroup($data['link_visibility'])) {
if ($data['link_url']!="---") {
if ($i != 0) { echo " •\n"; } else { echo "\n"; }
$link_target = ($data['link_window'] == "1" ? " target='_blank'" : "");
if (strstr($data['link_url'], "http://") || strstr($data['link_url'], "https://")) {
echo "<a href='".$data['link_url']."'".$link_target." class='white'>".$data['link_name']."</a>";
} else {
echo "<a href='".BASEDIR.$data['link_url']."'".$link_target." class='white'>".$data['link_name']."</a>";
}
}
$i++;
}
}
}
echo ($i == 0 ? " " : "")."</td>\n";
echo "<td width='250' nowrap><div align='right'><font class='date'><b>".ucwords(showdate($settings['subheaderdate'], time()))."";
echo "   </b></font></div>";
echo "</td></tr></table></td></tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0' border='0' align='center'>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0' border='0' align='center'>";
echo "<tr valign='top'>";
echo "<td valign='middle' align='right'>";
echo "<table width='100%' cellpadding='4' bgcolor='#000000' cellspacing='0' border='0'>";
}
function render_footer($license=false) {
global $theme_width,$settings,$locale;
echo "</tr>\n</table>\n";
echo "<table background='footer.jpg' cellpadding='3' cellspacing='0' width='98%'>";
echo "<div align='center'>";
echo "<table cellpadding='3' cellspacing='0' width='98%'>";
echo "<tr><td align='center' >";
echo "".stripslashes($settings['footer'])."";
if ($license == false) {
echo "Powered by <a href=http://www.php-fusion.co.uk target=_blank>PHP-Fusion</a> v".$settings['version']." <br><b>Matrix Theme</b> by probase @ AusiMods";
}
echo "<br><b>".$settings['counter']."</b> ".($settings['counter'] == 1 ? $locale['140']."<br><br>\n" : $locale['141']."<br><br>\n");
echo "</td></tr></table></td></tr></table></center></div><br> \n";
}
function render_news($subject, $news, $info) {
global $locale;
echo "<table border='0' style='border: 1px solid #000000' cellspacing='1' width='100%' cellpadding='3'><tr>";
echo "<td background='".THEME."images/tabpic.gif' height='24'><img border='0' src='".THEME."images/arrows.gif'> <font class='block-title2'>$subject</font></td>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='1' class='border'><tr>";
echo "<td><table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='main-body'>$news</td></tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='news-footer'> ";
echo "".$locale['040']."<a href='profile.php?lookup=".$info['user_id']."'>".$info['user_name']."</a> ";
echo "".$locale['041'].showdate("longdate", $info['news_date'])." </td>";
echo "<td height='24' align='right' class='news-footer'>";
echo "".($info['news_ext'] == "y" ? "<a href='news.php?readmore=".$info['news_id']."'>".$locale['042']."</a> ·\n" : "")."";
if ($info['news_allow_comments'])
echo "<a href='news.php?readmore=".$info['news_id']."'>".$info['news_comments'].$locale['043']."</a> · ";
echo "".$info['news_reads'].$locale['044']." ";
echo "<a href='print.php?type=N&item_id=".$info['news_id']."'><img src='".THEME."images/printer.gif' alt='".$locale['045']."' border='0' style='vertical-align:middle;'></a>";
echo "</td></tr></table></td></tr></table>\n";
}
function render_article($subject, $article, $info) {
global $locale;
echo "<table border='0' style='border: 1px solid #000000' cellspacing='1' width='100%' cellpadding='3'><tr>";
echo "<td background='".THEME."images/tabpic.gif' height='24'><img border='0' src='".THEME."images/arrows.gif'> <font class='block-title2'>$subject</font></td>";
echo "</td></tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='1' class='border'><tr>";
echo "<td><table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='main-body'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."";
echo "</td></tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='news-footer'>";
echo "".$locale['040']."<a href='profile.php?lookup=".$info['user_id']."'>".$info['user_name']."</a> ";
echo "".$locale['041'].showdate("longdate", $info['article_date'])."</td>";
echo "<td height='24' align='right' class='news-footer'>";
if ($info['article_allow_comments']) echo $info['article_comments'].$locale['043']." · ";
echo "".$info['article_reads'].$locale['044']." ";
echo "<a href='print.php?type=A&item_id=".$info['article_id']."'><img src='".THEME."images/printer.gif' alt='".$locale['045']."' border='0' style='vertical-align:middle;'></a>";
echo "</td></tr></table></td></tr></table>\n";
}
// Open table begins
function opentable($title) {
echo "<table width='100%' cellpadding='2' cellspacing='1' style='border: 1px solid #000000'>";
echo "<tr><td background='".THEME."images/tabpic.gif' width='100%' border='0' height='24'><font class='head-title'> $title</font></td>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='border'><tr>";
echo "<td class='main-body'>\n";
}
// Close table end
function closetable() {
echo "</td></tr></table>\n";
}
function openside($title) {
echo "<table border='0' style='border: 1px solid #000000' cellspacing='0' width='100%' cellpadding='3'><tr>";
echo "<td height='24' width='100%' background='".THEME."images/tabpic2.gif'>";
echo "<img border='0' src='".THEME."images/arrows.gif'> <font class='block-title'>$title</font>";
echo "</td></tr>";
echo "<tr><td bgcolor='#000000' class='side-body' width='100%'>";
}
function closeside() {
echo "</td></tr></table>";
tablebreak();
}
function opensidex($title,$open="on") {
$box_img = ($open=="on" ? "off" : "on");
echo "<table border='0' style='border: 1px solid #000000' cellspacing='1' width='100%' cellpadding='3'><tr>";
echo "<td height='24' width='100%' background='".THEME."images/tabpic.gif'>";
echo "<img align='left'onclick=\"javascript:flipBox('$title')\" name='b_$title' alt='$box_img' border='0' src='".THEME."images/panel_$box_img.gif'><font class='block-title'>$title</font>";
echo "</td></tr>";
echo "<tr><td bgcolor='#000000' class='side-b'width='100%' '".THEME."images/back1.gif'>";
echo "<div id='box_$title'".($open=="off" ? "style='display:none'" : "").">\n";
}
function closesidex() {
echo "</div></td></tr></table>";
tablebreak();
}
// Table functions
function tablebreak() {
echo "<table width='100%' cellspacing='0' cellpadding='0'><tr><td height='8'></td></tr></table>\n";
}
?>
cały .css:
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:#000 url(header_bg.jpg) no-repeat center top;
}
td.lefttd {
background-repeat: repeat-y;
background-image: url(images/leftside.gif);
}
td.righttd {
background-image: url(images/rightside.gif);
background-repeat: repeat-y;
}
/* General page style */
.bodyline {background: #000000;color:#C0C0C0;border:0px solid #ffffff}
a {color:#c0c0c0; text-decoration:none;}
a:hover {color:#c0c0c0; text-decoration:underline;}
a.side {color:#c0c0c0; text-decoration:none;}
a:hover.side {color:#c0c0c0; text-decoration:underline;}
a.white {font-size:7px;font-family:Verdana,Tahoma,Sans-Serif;color:#f1f1f1; text-transform:uppercase;text-decoration:none;font-weight:bold;}
a:hover.white {font-size:8px;font-family:Verdana,Tahoma,Sans-Serif;color:#B8E4F6; text-transform:uppercase;text-decoration:none;font-weight:bold;}
form {margin:0px 0px 0px 0px;}
hr {height: 0px; border: solid #000 0px; border-top-width: 1px;}
hr.side-hr {height: 0px; border: solid #000 0px; border-top-width: 1px;}
td {font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:9px;}
pre {font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:9px;}
.alt {color:#1C1C1C;}
.white-header {font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:9px; color:#c0c0c0;background-color:#000;
padding:4px; border-top:#ffffff 1px solid; border-bottom:#fff 1px solid;}
.full-header {font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:9px; color:#c0c0c0;background-color:#fff;}
.button {font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:9px; color:#A86701;background-color:#1A0705;
border:1px #000 solid;margin-top:2px;}
.textbox {font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:9px; color:#c0c0c0;background-color:#1A0705;
border:1px #A86701 solid;}
.visits {color:#516A88; text-decoration:none; FONT-WEIGHT: bold;font-size:9px;}
.main-body {font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; color:#fff; background-color:#000000; padding:3px 4px 3px 4px;}
.side-body {background-image: url(images/meniu_fonas.gif); font-size:9px; color:#fff; padding:4px 4px 6px 4px;}
.main-bg {background-color:#000000;}
.border {border-width:0px 1px 1px 1px;border-color:#000;border-style:solid;}
.border1 {border-width:1px 1px 1px 1px;border-color:#0A1624;border-style:solid;}
.news-footer {font-size:9px;font-weight:normal; color:#c0c0c0;background-color:#0A1624; padding:4px 4px 4px 4px;}
.capmain {font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:9px;font-weight:bold;
border-width:1px 1px 1px 1px;border-color:#0A1624;border-style:solid;
color:#B78E00; height:24px; padding:2px 2px 2px 2px;}
.copyrights {background: none; COLOR: #FFFDF0; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny {background: none; COLOR: #F4F1BF; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.title {background: none; COLOR: #ffffff; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.block-title {BACKGROUND: none; COLOR: #CAD5D6; FONT-SIZE: 9px; FONT-WEIGHT: bold; height:14px;white-space:nowrap; FONT-FAMILY: Verdana, Helvetica}
.block-title2 {text-transform:uppercase; BACKGROUND: none; COLOR: #f1f1f1; FONT-SIZE: 9px; FONT-WEIGHT: bold; height:14px;white-space:nowrap; FONT-FAMILY: Verdana, Helvetica}
.head-title {background: none; COLOR: #c0c0c0; FONT-SIZE: 9px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.date {background: none; COLOR: #c0c0c0; FONT-SIZE: 9px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
img {border: 0px;}
.capleft {width:2px;height:20px;}
.capright {width:2px;height:20px;}
.scapmain {font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:9px;font-weight:bold; color:#fff; height:19px; padding:0px 2px 0px 2px;
border-width:1px 0px 1px 0px;border-color:#0A1624 #0A1624 #0A1624 #0A1624;border-style:solid;}
.tbl-border {background-color:#000000;}
.tbl {font-size:10px; padding:3px 4px 3px 4px;}
.tbl1 {font-size:10px; color:#ffffff; background-color:#000000; padding:4px;}
.tbl2 {font-size:10px; color:#091609; background-color:#000000; padding:4px;}
/* Forum header*/
.forum-caption {font-size:9px;font-weight:bold; color:#c0c0c0;background-color:#000000; height:24px; padding:0px 4px 2px 4px;
background-color: #000000;background-repeat:repeat-x;border-width:0px 0px 0px 0px;border-color:#000000 #000000 #000000 #000000;border-style:solid;}
/* Quote blocks */
.quote {color:#c0c0c0;background-color:#000000; padding:2px; margin:0px 20px 0px 20px; border:1px #000000 solid;}
/* Voting Poll */
.poll {height:9px; border:1px #737373 solid;}
.comment-name {font-weight:bold; color:#ddcc88;}
/* This is for the Shoutbox */
.shoutboxname {font-weight:bold; color:#007090;}
.shoutbox {color:#c0c0c0;}
.shoutboxdate {font-size:9px; font-style:italic; color:#efefef;}
.shoutboxhelp {font-size:9px; color:#c0c0c0; text-align:right;}
.small {font-size:10px; font-weight:normal;}
.small2 {font-size:9px; font-weight:normal; color:#1C1C1C;}
.side-small {font-size:9px; font-weight:normal; color:#111111;}
.side-label {background-color:none; font-weight:normal; color:#c0c0c0; padding:2px;}
/* This is for the Photo Gallery */
.gallery {padding: 16px 0px 8px 0px;}
.gallery img {border: 1px solid #000000; filter: none;}
.gallery:hover img {border: 1px solid #000000; filter: none;}
img.activegallery {border: 1px solid #000000; filter: none;}
Może dogadamy się jakoś przez maila czy coś, żeby nie zaśmiecać forum. Później tutaj bym wkleił rozwiązanie problemu i dał 'pomógł' ? |
|
|
|
Bochen |
Dodany dnia 22.01.2010 19:40:36
|
Bywalec
Postów: 380 Pomógł: 37
Data rejestracji: 18.03.2009 18:01
|
W pliku css poszukaj klasę main-body (linia 85) i zamień ją na tą:
.main-body {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#fff;
background: url(./images/nazwatla.jpg);
padding:3px 4px 3px 4px;
}
Z tym, że możesz sobie dopisać jak tło ma się wyświetlać, w jakie strony powielać pod tłem obrazkowym czy ma być jakiś kolor czy też go brak. Żeby nie mieszać podam niżej opcję jakie możesz wykorzystać i wybraną wstawisz sobie pod linijką background.
background-position: top left right bottom; - nie muszę objaśniać wybierasz, który Cie interesuje i resztę usuń.
background-repeat: no-repeat repeat-x repeat-y; powtarzanie tła kolejno: nie powtarzaj, powtarzaj w pionie, powtarzaj w poziomie.
Jeśli chcesz dodać kolor pod obrazek to przed url wstawiasz kod koloru. Jeśli coś nie jasne to pytać, choć mam nadzieję, że udało mi się przedstawić wszystko :)
Edytowane przez Bochen dnia 22.01.2010 19:42:41
Prawdziwy mężczyzna nie je miodu, prawdziwy mężczyzna żuje pszczoły!
|
|
|
|
mnemozyne |
Dodany dnia 22.01.2010 20:00:12
|
Przedszkolak
Postów: 16 Ostrzeżeń: 1
Data rejestracji: 22.01.2010 15:13
|
News zmieniony, bardzo dziękuję za pomoc, daję "pomógł"
Została jeszcze stopka. Jakieś propozycje? |
|
|
|
Bochen |
Dodany dnia 22.01.2010 20:46:08
|
Bywalec
Postów: 380 Pomógł: 37
Data rejestracji: 18.03.2009 18:01
|
W komórce, gdzie chcesz dać własne tło dodaj klasę jakąś, czyli dokładniej mówiąc:
echo "<tr><td align='center' >";
jest to w linii 121 zmień to np:
echo "<tr><td align='center' class='stopka'>";
I w pliku css na wzór main-body stwórz własną klasę, gdzie dasz w ten sam sposób tło i całą resztę, z tym, że main-body zmieniasz na stopka. Klasy możesz tworzyć różne pamiętaj tylko by nazwy w pliku były takie same, co w .css Powinieneś dać sobie radę już. :)
Prawdziwy mężczyzna nie je miodu, prawdziwy mężczyzna żuje pszczoły!
|
|
|
|
mnemozyne |
Dodany dnia 23.01.2010 16:08:11
|
Przedszkolak
Postów: 16 Ostrzeżeń: 1
Data rejestracji: 22.01.2010 15:13
|
Mega teraz wygląda. Bochen - dzięki za wszystko, na prawdę mi pomogłeś. 3 plusy dla Ciebie. Wielkie dzięki :-)
Zobaczcie wygląd: www.horda.com.pl i powiedzcie jeszcze, jak np. zrobić tak, by w Profilu Użytkownika nie było tych czarnych tabel. Jak wiadomo, kiedy dam "bez tła", to też przy ładowaniu strony zmieni się tło i będzie białe, a ja potrzebuję mieć przezroczyste tło w Profilu Użytkownika, a czarne po zalogowaniu się (ta strona, która trwa 2 sekundy przed wczytaniem się profil po zalogowaniu). Zrozumiał ktoś? |
|
|