|
Zmiana tła newsa po najechaniu
|
| Admin Naki |
Dodany dnia 10.03.2007 14:54:29
|
Przedszkolak
Postów: 27
Data rejestracji: 17.01.2007 15:26
|
Witam!
Jak zrobić taki fajny efekt z newsami, że mają normalny odpowiedni kolor tła danej skorki, a jak najadę na pole tego newsu to zmienia sie na inny kolor, tak jak na : http://www.centru...
Jak takie coś zrobić lub podobne?
Z góry dzięki 
Edytowane przez Pieka dnia 30.07.2007 20:06:09
|
| |
|
|
| Wścibski Gość |
Dodany dnia 25.11.2024 03:40:32
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
| IP: localhost |
|
|
| djdexx |
Dodany dnia 10.03.2007 19:43:48
|
Przedszkolak
Postów: 1
Data rejestracji: 28.02.2007 20:03
|
ziom o ile sie nie myle to takie cos jest robione ze flashu z jakas tam opcja ja sie na tym nieznam ale na wielu grach flesy cos takiego jest
Edytowane przez Pieka dnia 30.07.2007 20:06:21
|
| |
|
|
| Pieka |
Dodany dnia 10.03.2007 19:51:51
|
Postów: 19882
Pomógł: 767
 v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Jajco, a nie flash :D Javascript.
Tu masz najprostszy przyklad:
<table>
<tr>
<td bgcolor="white" width="100%" onmouseout="this.bgColor='white'" onmouseover="this.bgColor='red'">
Zawartość newsa
</td>
</tr>
</table>
Edytowane przez Pieka dnia 30.07.2007 20:06:34
Jestem jaki jestem |
| |
|
|
| Shaolin |
Dodany dnia 10.03.2007 20:26:46
|
Bywalec
Postów: 888
Data rejestracji: 23.10.2004 14:59
|
z this.class masz większe możliwości. wtedy musisz wskazać uprzednio zdefiniowaną klasę dla newsa i podświetlonego newsa.
wymaga znajomości podstaw css'ów, albo umiejętnego przerabiania już istniejących klas. ale opłaca się, bo obok koloru tła możesz wtedy zmienić wszystko: bordery, rozmiar i kolor czcionki...
Edytowane przez Pieka dnia 30.07.2007 20:06:45
working
|
| |
|
|
| Bebop |
Dodany dnia 11.03.2007 21:43:59
|
Przedszkolak
Postów: 41
Data rejestracji: 07.03.2007 22:48
|
1. Czy a jakies gotowe patenty na takie menu gorne - strasznie podoba mi sie (jestem poczatkujacy!!!)
BTW: czytalem posty na forum w tym temacie, ale szukam czegos prostego i stosunkowo przystepnego w implementacji.
2. Podoba mi sie takze menu nawigacji w panelu bocznym po wybraniu (np: kategorii artykulow). Czy rowniez na to znajde gotowy patent?
BTW: Uwaga jag wyzej
Edytowane przez Pieka dnia 30.07.2007 20:07:00
|
| |
|
|
| Therror |
Dodany dnia 11.03.2007 22:31:43
|
Początkujący
Postów: 222
Data rejestracji: 24.01.2006 14:08
|
Ja ze swej strony polecam Ci użyć AJAX  . Na przykład świetnej, lekkiej i polskiej biblioteki MintAjax. Bibiolteka ma dobrą dokumentację, więc powinieneś sobie poradzić.
Edytowane przez Pieka dnia 30.07.2007 20:07:15
Macie zlecenia na wtyczki i themy do PHP-Fusion?
Pisać na PW 
|
| |
|
|
| Bebop |
Dodany dnia 11.03.2007 22:33:30
|
Przedszkolak
Postów: 41
Data rejestracji: 07.03.2007 22:48
|
Dzieki - postram sie poeksperymentowac.
Edytowane przez Pieka dnia 30.07.2007 20:07:26
|
| |
|
|
| sleuth |
Dodany dnia 06.12.2007 10:10:13
|
Przedszkolak
Postów: 1
Data rejestracji: 23.12.2006 01:09
|
Ja zrobilem tak:
plik theme.php danej skorki - na samym jego poczatku wkleilem
<head>
<style type="text/CSS">
.niebieski1 { background-color: #1781CB}
.niebieski2{ background-color: #A3BBF3}
</style>
</head>
nastepnie pod function render_news
echo "<table width='100%' cellpadding='0' cellspacing='0'>
<tr><td onMouseOver=this.className='niebieski1'; onMouseOut=this.className='niebieski2';>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr><td class='capmain'>$subject</td></tr>
<tr><td class='campmain'>$news</td></tr>
<tr>
i dziala |
| |
|
|
| wojtasiorek |
Dodany dnia 09.12.2007 21:14:46
|
Przedszkolak
Postów: 28
Ostrzeżeń: 1
Data rejestracji: 29.04.2007 10:44
|
Fajny efekcik użyję ten efekt na mojej stronce.
Edytowane przez Pieka dnia 09.12.2007 21:18:54
.-braak-.
|
| |
|
|
| Drakoo |
Dodany dnia 03.02.2008 13:33:07
|
Początkujący
Postów: 202
Ostrzeżeń: 3
Data rejestracji: 01.07.2005 19:34
|
Na Podstawie mojego theme można ta opcje zastosować pod panele boczne ?
Kod Theme:
<?php
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";
// theme settings
$body_text = "#000000";
$body_bg = "#ffffff";
$theme_width = "70%";
$theme_width_l = "210";
$theme_width_r = "210";
function render_header($header_content) {
global $theme_width,$settings;
echo "<table align='center' width='$theme_width' cellspacing='0' cellpadding='0'>
<tr>
<td>
<table width='100%' cellspacing='0' cellpadding='0'>
<tr>
<td class='full-header'>
<table width='100%' cellspacing='0' cellpadding='0'>
<tr>
<td class='logo-top-left'></td>
<td class='logo-top-main'><center><img src='".THEME."images/logo-top-main-center.gif' border='0'></center></td>
<td class='logo-top-right'></td>
</tr>
<tr>
<td class='logo-left-main'><img src='".THEME."images/logo-left-main-center.gif' border='0'></td>
<td class='logo-main'>$header_content</td>
<td class='logo-right-main'><img src='".THEME."images/logo-right-main-center.gif' border='0'></td>
</tr>
<tr>
<td class='logo-bottom-left'></td>
<td class='logo-bottom-main'><center><img src='".THEME."images/logo-bottom-main-center.gif' border='0'></center></td>
<td class='logo-bottom-right'></td>
</tr>
</table>
</td>
</tr>
</table>\n";
tablebreak();
echo "<table width='100%' cellspacing='0' cellpadding='0'>\n<tr>
<td class='menupoziome-l'></td><td class='menupoziome-m'>".showsublinks("·")."</td>
<td align='right' class='menupoziome-m'></td><td class='menupoziome-r' align='right'></td>
</tr>
</table>\n";
tablebreak();
echo "<table width='100%' cellspacing='0' cellpadding='0'>\n<tr>\n";
}
function render_footer($license=false) {
global $theme_width,$settings,$locale;
echo "</tr>\n</table>\n";
echo "<table width='100%' cellspacing='0' cellpadding='0'>
<tr>
<td class='logo-top-left'></td>
<td class='logo-top-main'><center><img src='".THEME."images/logo-top-main-center.gif' border='0'></center></td>
<td class='logo-top-right'></td>
</tr>
<tr>
<td class='logo-left-main'></td>
<td class='logo-main'><center><br>".stripslashes($settings['footer'])."<br>
".showcounter()."<br><br>";
if ($license == false) {
echo showcopyright()."<br> \n";
}
echo "
<a target=_top href='http://stat.4u.pl/?drakoo'><img alt='statystyka' src='http://adstat.4u.pl/s4u.gif' border='0'></a>
<script language='JavaScript' type='text/javascript'>
<!--
function s4upl() { return '&r=er';}
//-->
</script>
<script language='JavaScript' type='text/javascript' src='http://adstat.4u.pl/s.js?drakoo'></script>
<script language='JavaScript' type='text/javascript'>
<!--
s4uext=s4upl();
document.write('<img alt='statystyka' src='http://stat.4u.pl/cgi-bin/s.cgi?i=drakoo'+s4uext+'' width='1' height='1'>')
//-->
</script>
<noscript><img alt='statystyki' src='http://stat.4u.pl/cgi-bin/s.cgi?i=drakoo&r=ns' width='1' height='1'></noscript>
";
echo "</center></td>
<td class='logo-right-main'></td>
</tr>
<tr>
<td class='logo-bottom-left'></td>
<td class='logo-bottom-main'><center><img src='".THEME."images/logo-bottom-main-center.gif' border='0'></center></td>
<td class='logo-bottom-right'></td>
</tr>
</table>\n";
}
function render_news($subject, $news, $info) {
global $locale;
echo "<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='news-top-left'></td>
<td class='news-top-main''> </td>
<td class='news-top-right'></td>
</tr>
</table>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='table-text-left'></td>
<td class='table-text-main'>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td width='100%' class='news-title'>$subject</td>
</tr>
<tr>
<td width='100%'>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='news-border-tl'></td>
<td class='news-border-t'></td>
<td class='news-border-tr'></td>
</tr>
<tr>
<td class='news-border-l'></td>
<td class='news-main'>
$news
</td>
<td class='news-border-r'></td>
</tr>
<tr>
<td class='news-border-bl'></td>
<td class='news-border-b'></td>
<td class='news-border-br'></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width='100%' style='padding-top: 5px;'>\n";
echo openform("N",$info['news_id']);
echo "Dodał: ";
echo newsposter($info," ").newsopts($info,"·").closeform("N",$info['news_id']);
echo "
</td>
</tr>
</table>
</td>
<td class='table-text-right'></td>
</tr>
</table>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='table-end-left'></td>
<td class='table-end-main'> </td>
<td class='table-end-right'></td>
</tr>
</table>
</td>
</tr>
</table>\n";
tablebreak();
}
function render_article($subject, $article, $info) {
global $locale;
echo "<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='table-title-left'></td>
<td class='table-title-main''>$subject</td>
<td class='table-title-right'></td>
</tr>
</table>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='table-text-left'></td>
<td class='table-text-main'>
".($info['article_breaks'] == "y" ? nl2br($article) : $article)."<br><hr>\n";
echo openform("A",$info['article_id']).articleposter($info,"·").articleopts($info,"·").closeform("A",$info['article_id']);
closetable();
}
function opentable($title) {
echo "<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='table-title-left'></td>
<td class='table-title-main''>$title</td>
<td class='table-title-right'></td>
</tr>
</table>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='table-text-left'></td>
<td class='table-text-main'>\n";
}
function closetable() {
echo "</td>
<td class='table-text-right'></td>
</tr>
</table>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='table-end-left'></td>
<td class='table-end-main'> </td>
<td class='table-end-right'></td>
</tr>
</table>
</td>
</tr>
</table>\n";
tablebreak();
}
function openside($title) {
echo "<table width='100%' cellpadding='0' cellspacing='0' class='border'>
<tr>
<td>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='scroll-left'></td>
<td class='scroll-main'><center>$title</center></td>
<td class='scroll-right'></td>
</tr>
<tr>
<td class='blockborder-left'></td>
<td class='side-body'>\n";
}
function closeside() {
echo "</td>
<td class='blockborder-right'></td>
</tr>
<tr>
<td class='blockborder-leftb'></td>
<td class='blockborder-bottom'></td>
<td class='blockborder-rightb'></td>
</tr>
</table>
</td>
</tr>
</table>\n";
tablebreak();
}
function opensidex($title,$open="on") {
$boxname = str_replace(" ", "", $title);
echo "<table width='100%' cellpadding='0' cellspacing='0' class='border'>
<tr>
<td>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='scroll-left'></td>
<td><table width='100%' cellpadding='0' cellspacing='0'><tr>
<td class='scroll-main'><center> $title</center></td>
<td class='scroll-mainx' width='10'>".panelbutton($state,$boxname)."</td>
</tr>
</table>
</td>
<td class='scroll-right'></td>
</tr>
<tr>
<td class='blockborder-left'></td>
<td class='side-body'>
<div id='box_$boxname'".($state=="off"?" style='display:none'":"").">\n";
}
function closesidex() {
echo "</div>
</td>
<td class='blockborder-right'></td>
</tr>
<tr>
<td class='blockborder-leftb'></td>
<td class='blockborder-bottom'></td>
<td class='blockborder-rightb'></td>
</tr>
</table>
</td>
</tr>
</table>\n";
tablebreak();
}
function tablebreak() {
echo "<table width='100%' cellspacing='0' cellpadding='0'>
<tr><td height='8'></td></tr>
</table>\n";
}
?>
Co trzeba tutaj zmienić ? I gdzie wkleić ten kod ?
Edytowane przez Milka dnia 03.02.2008 18:41:21
|
| |
|
|
| polven26 |
Dodany dnia 03.02.2008 15:13:27
|
Bywalec
Postów: 401
Pomógł: 1
Data rejestracji: 03.04.2007 16:26
|
Taki efekt na panele boczne - zobacz sobie w skórkach jazoona.
Rails > Frameworki > PHP-Fusion
|
| |
|
|
| Drakoo |
Dodany dnia 03.02.2008 18:30:34
|
Początkujący
Postów: 202
Ostrzeżeń: 3
Data rejestracji: 01.07.2005 19:34
|
No właśnie oglądałem je, ale nie wiem jak to działa xD W theme nie widzę żadnego kodu z JS. Mógłby ktoś pomóc ?
Edytowane przez Milka dnia 03.02.2008 18:41:44
|
| |
|
|
| rabit7 |
Dodany dnia 10.02.2008 21:42:38
|
Przedszkolak
Postów: 57
Ostrzeżeń: 1
Data rejestracji: 02.02.2008 08:21
|
<table>
<tr>
<td bgcolor="white" width="100%" onmouseout="this.bgColor='white'" onmouseover="this.bgColor='red'">
Zawartość newsa
</td>
</tr>
</table>
Wszystko było by dobrze tylko powiększa mi trzcionkę ;/
http://www.centru...
poza tym na tej stronie jest to bardziej płynne jak się najedzie na tabele newsa ; ]
Edytowane przez rabit7 dnia 10.02.2008 21:59:14
|
| |
|
|
| MeTeo |
Dodany dnia 10.02.2008 22:25:49
|
Bywalec
Postów: 880
Pomógł: 23
Ostrzeżeń: 2
Data rejestracji: 14.12.2005 19:38
|
rabit7 - nie wiem o jaką trzcinę Ci chodzi, czy jakiekolwiek inne zielsko. Jest to ogólny parametr na zmianę tła. Wykorzystane na wspomnianej stronie rozwiązanie z tego co widzę opiera się o AJAX... |
| |
|
|
| rabit7 |
Dodany dnia 11.02.2008 01:14:23
|
Przedszkolak
Postów: 57
Ostrzeżeń: 1
Data rejestracji: 02.02.2008 08:21
|
Chodzi mi o wielkość liter, że uległy powiększeniu ; /, a chce aby były takie jak wcześniej i aby wypełniało mi danym kolorem po najechaniu na newsa. Chodzi mi o całkowite wypełnienie. Nie wiem jak to zrobić ;/ |
| |
|
|
| Konto ukryte |
Dodany dnia 11.02.2008 15:59:39
|
Bywalec
Postów: 522
Pomógł: 6
Ostrzeżeń: 4
Data rejestracji: 17.02.2007 02:25
ZBANOWANY:
Dożywotnio
|
A ja jednak bym miał prośbę czy mógł by ktoś napisać konkretnie co i jak zrobić żeby to działało a mianowicie co i pod czym wstawić by te newsy śmigały?.
Był bym bardzo wdzięczny.
Pozdrawiam
Czyli nie ma chętnych aby to po kolei wyjaśnić ??
PW od moderatora:
- Odświeżenie Tematu - Pieka 12.02 - 23:19
Edytowane przez Konto ukryte dnia 11.02.2008 22:17:56
|
| |
|
|
| BenLomax |
Dodany dnia 19.10.2008 14:21:09
|
Bywalec
Postów: 426
Pomógł: 25
Ostrzeżeń: 1
Data rejestracji: 25.06.2008 09:48
|
Chciałbym wykonać tą modyfikację w F7 pod newsy i forum(jak da radę), jakieś pomysły?
Edytowane przez BenLomax dnia 19.10.2008 14:21:35
|
| |
|
|
| Kinimodek |
Dodany dnia 20.11.2008 19:33:43
|
Początkujący
Postów: 180
Pomógł: 3
Ostrzeżeń: 2
Data rejestracji: 29.10.2008 21:32
|
A czy ta modyfikacja zadziała jak wstawię zamiast background-color, background-image?
|Tworzenie layout'ów, cięcie layout'ów, kodowanie layout'ów| |
| |
|
|
| Artur-M |
Dodany dnia 23.05.2009 13:25:37
|
Początkujący
Postów: 225
Pomógł: 5
Ostrzeżeń: 4
Data rejestracji: 16.12.2008 17:42
|
Kurcze, a co jak MintAjax gryzie się z jQuery (które już jest na stronie zaraz po instalacji)? Czy da się to samo wykonać, ale z użyciem jQuery zamiast MintAjax? |
| |
|
