PDA

Zobacz pełną wersję : joomla html5 i dziwna sprawa ...



kamil69172
17-05-2011, 17:48
Witam,
chciałbym w artykule wyświetlić taki obraz

http://www.packshot-creator.com/ftp/v3_html/buste_abcdisplay/buste_html_player/buste_html_player.html

mam wszystkie pliki tzn:

buste_html_player.html
buste_html_player.ofp
HTML5
Images
Preview.html
Profile.xml

(są na serwerze w katalogu / )

plik preview.html wygląda tak

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>HTML5 Viewer</title>
<link rel = "stylesheet" href = "HTML5/HTML5Viewer.css" type = "text/css" />
<meta charset="UTF-8"> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;">
<script type = "text/javascript" src = "HTML5/jQuery.js"></script>
<script type = "text/javascript" src = "HTML5/jQueryPlugin.js"></script>
<script type = "text/javascript" src = "HTML5/HTML5Loader.js"></script>
<script type = "text/javascript" src = "HTML5/HTML5Viewer.js"></script>
</head> <body onselectstart = "return false;" onload = "setTimeout(scrollTo, 0, 0 ,1)">
<div id = "Frame" width="500" height="375"> <div id = "buttonDiv"> </div>
<div id = "Photo"> <img id = "HTML5Viewer" /> </div> </div>
<noscript><p id = "nonjs"> Your browser can't execute JavaScript! </p></noscript> </body> </html>


strona gdzie chcę to umieścić

http://www.alfamedio.pl/index.php/portfolio.html

zakładka packshot


moje pytanie jak to wykonać ? Dziękuje za odpowiedź.

Kamil

a_m
17-05-2011, 18:28
nie próbowałem, może - preview.html w iframe lub mod_wrapper, ale tabsy musiałyby obsługiwać wyświetlanie modułów lub własnego kodu html; albo mod_wrapper w artykuł > no i ten artykuł w tej zakładce, ale z kolei czy Twoje zakładki nie czyszczą kodu? popróbuj

larry_krk
17-05-2011, 18:32
Dziwne jest to, że ktoś, kto zarobkowo chce wykonywać strony, wkleja taki kod w edytor WYSIWYG.
1. Wgrać potrzebne pliki na serwer.
2. Dodać je do sekcji <head> strony i wpisać odpowiednie ścieżki
3. Wpisać w artykuł, czy custom html to, co ma tam być

///rocktabs obsługuje moduły

Gall Anonim
17-05-2011, 18:37
@Kamil czy oto Ci chodziło? (http://www.apeno.pl/index.php?option=com_wrapper&view=wrapper&Itemid=5)

kamil69172
17-05-2011, 18:59
nie jestem osobą która projektuje strony, robię zdjęcia chciałbym zwyczajnie dodać materiały do swojej strony

1. pliki są na serwerze
2. chodzi o dodanie ścieżek w pliku index.php ?

<script type = "text/javascript" src = "HTML5/jQuery.js"></script>
<script type = "text/javascript" src = "HTML5/jQueryPlugin.js"></script>
<script type = "text/javascript" src = "HTML5/HTML5Loader.js"></script>
<script type = "text/javascript" src = "HTML5/HTML5Viewer.js"></script>
<link rel = "stylesheet" href = "HTML5/HTML5Viewer.css" type = "text/css" />

3. wpisanie w treść html artykułu

<html> <head> <title>HTML5 Viewer</title>
<link rel = "stylesheet" href = "HTML5/HTML5Viewer.css" type = "text/css" />
<meta charset="UTF-8"> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;">
<script type = "text/javascript" src = "HTML5/jQuery.js"></script>
<script type = "text/javascript" src = "HTML5/jQueryPlugin.js"></script>
<script type = "text/javascript" src = "HTML5/HTML5Loader.js"></script>
<script type = "text/javascript" src = "HTML5/HTML5Viewer.js"></script>
</head> <body onselectstart = "return false;" onload = "setTimeout(scrollTo, 0, 0 ,1)">
<div id = "Frame" width="500" height="375"> <div id = "buttonDiv"> </div>
<div id = "Photo"> <img id = "HTML5Viewer" /> </div> </div>
<noscript><p id = "nonjs"> Your browser can't execute JavaScript! </p></noscript> </body> </html>

jeśli tak to nie działa :) szczerzemówiąc instrukcja nie była zbyt szczegółowa może ktoś inny mi pomoże ?

Gall Anonim
17-05-2011, 19:06
No to zasadniczo w czym Masz problem
Ad. 2 wrzucamy całość w <head></head> (templaki)
Ad. 3 przełączamy edytor artykułu na html i wklejamy
Powinno hulać
Pzdr

kamil69172
17-05-2011, 19:27
Ad. 2 wrzucamy całość w <head></head> (templaki) - całość ale dla uporządkowania jeszcze raz konkretnie co ?
Ad. 3 przełączamy edytor artykułu na html i wklejamy - i tu też - całość ale dla uporządkowania jeszcze raz konkretnie co ?
( oczywiście wklejam to w artykule w trybie html )

---------- Post dodany o 19:27 ---------- Poprzedni post był o 19:12 ----------


@Kamil czy oto Ci chodziło? (http://www.apeno.pl/index.php?option=com_wrapper&view=wrapper&Itemid=5)

jasne! jak to zrobić ?

larry_krk
17-05-2011, 19:38
Nie to, żebym się czepiał, ale cytat z Twojej strony:

Działamy kompleksowo, projektujemy serwisy www i systemy e-commerce.

@Gall to zrobił przez "pozycja menu -> wpinacz" , owa prezentacja jest w ramce (jako oddzielna strona)
Jest też moduł o podobnym działaniu, który możesz wpiąć w RokTabs.
W sekcji <head> wpisujesz pliki css, js, w edytorze resztę.

Jaśniej nie potrafię, sorry ...

Gall Anonim
17-05-2011, 19:43
Kamil - w tej sytuacji:
skopiuj sobie stronkę z manekinem w całości dodatkowego katalogu w root joomla i zrób ją tam "uruchamialną" - czyli jak wejdziesz do tego katalogu przez "przedłużenie" domeny będzie Ci się uruchamiała tak jak na http://www.packshot-creator.com/ftp/...ml_player.html (http://www.packshot-creator.com/ftp/v3_html/buste_abcdisplay/buste_html_player/buste_html_player.html)
Czyli np Robisz tą stronkę z manekinem w nowym katalogu wewnątrz joomla o nazwie pokaz i otrzymujesz coś takiego
http://www.alfamedio.pl/pokaz/buste_html_player.html
Potem czy to w artykule czy w module używasz iframe - czytaj wpinacz (są na wyposażeniu joomla :))
z linkiem do tegoż miejsca i określeniem parametrów wyświetlania.
I to by było na tyle.
Ja właśnie w tym przypadku to zrobiłem tyle że link był "na zewnątrz"
Pzdr

kamil69172
17-05-2011, 19:56
ok, ok dzięki zobaczę to jutro