Cum se realizeaza un skip intro

Scris de 1960 la data de Joi 05 Feb 2009, 4:29 pm

Intro pentru forumul tau.

Salutare dragi useri.
Prin acest tutorial invatati cum sa creati un intro folosindu-va de portal.

Ce este un intro?
Intro reprezinta un mesaj de bun venit pentru vizitatorii forumului dumneavoastra, in care puteti adauga fotografii, scrisori, s.a.m.d.

Pentru crearea acestui intro, se fac urmatorii pasi:

Primul pas:

PA> Module> HTML> Administrare pagini HTML> Creeaza o nouă pagină HTML> Completaţi formularul de genul:

Titlu: Intro

Doriţi să utilizaţi partea de sus şi partea de jos a paginii forumului dvs.?: nu
Folositi aceasta pagina ca pagina de start? nu

Cod HTML: - aici introduceti urmatorul cod :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bine ati venit pe cel mai bun forum de pe net!</title>
<style type="text/css">

</style></head>

<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p align="center"><img src="URL-ul imaginii"></p>

<p align="center"><script>var compteurcc_adultvar = "0";</script>
<script src="http://www.compteur.cc/effets/effets.php?id=7&msg=Bine ati venit!&taille=600"></script></a></p>

<p align="center"><script>var compteurcc_adultvar = "1";</script>
<script src="http://www.widgeo.net/effets/effets.php?id=4&i=190.74.43.48&msg= Bine ati venit!&taille=600"></script>
</a>
</body>
</html>

* Ceea ce este scris cu negru este titlul paginii, puteţi pune numele forumului dvs. sau ce doriti.
* Ceea ce este scris cu albastru este culoarea textului din pagina (daca se va scrie ceva).
* Ceea ce este scris cu verde este culoarea fundalului paginii.
* Ceea ce este scris cu rosu este imaginea din fundalul paginii.
Dacă doriţi sa aveti doar culoare in fundal si nu si imagine, atunci procedati astfel in cod:

Cod:: background-image: url('');

* Ceea ce este scris cu rosu inchis este imaginea centrala (logo-ul forumului tau sau ceea ce doriti).
* Ceea ce este scris cu verde inchis este textul ce reprezinta animatia.

Dupa ce ati completat acest cod dupa propriile gusturi, puteti da "Valideaza" pentru ca pagina html sa fie creata.

Pasul doi:

Copiati urmatorul cod intr-un document text si inlocuieste ceea ce este scris cu rosu cu url-ul paginii HTML create adineaori si ceea ce este scris cu albastru inlocuieste cu propriul mesaj de bun venit.

var splashpage={
// Splash Page Script Activation (1=enabled, 0=completely disabled!)
splashenabled: 1,

//1) URL to file on your server to display as the splashpage
splashpageurl: "URL DE LA PÁGINA HTML",

//2) Enable frequency control? (1=yes, 0=no)
enablefrequency: 0,

//3) display freqency: "sessiononly" or "x days" (string value). Only applicable if 3) above is enabled
displayfrequency: "2 days",

//4) HTML for the header bar portion of the Splash Page
// Make sure to create a link that calls "javascript:splashpage.closeit()")
// An IE bug means you should not right align any image within the bar, but instead use "position:absolute" and the "right" attribute

defineheader: '<div style="padding: 5px; color: white; font: bold 16px Verdana; background: black url(http://www.fileden.com/files/2007/11/16/1588700/blockdefault.gif) center center repeat-x;"><a style="position:absolute; top: 2px; right: 5px" href="javascript:splashpage.closeit()" title="Skip to Content"><img src="http://www.fileden.com/files/2007/11/16/1588700/skip.gif" border="0" width="114px" height="23px" /></a>Bine ati venit</div>',

//5) cookie setting: ["cookie_name", "cookie_path"]
cookiename: ["splashpagecookie", "path=/"],

//6) Auto hide Splash Page after x seconds (Integer value, 0=no)?
autohidetimer: 15,

////No need to edit beyond here//////////////////////////////////

launch:false,
browserdetectstr: (window.opera&&window.getSelection) || (!window.opera && window.XMLHttpRequest), //current browser detect string to limit the script to be run in (Opera9 and other "modern" browsers)

output:function(){
document.write('<div id="slashpage" style="position: absolute; z-index: 100; color: white; background-color:white">') //Main splashpage container
document.write(this.defineheader) //header portion of splashpage
document.write('<iframe name="splashpage-iframe" src="about:blank" style="margin:0; padding:0; width:100%; height: 100%"></iframe>') //iframe
document.write('<br /> </div>')
this.splashpageref=document.getElementById("slashpage")
this.splashiframeref=window.frames["splashpage-iframe"]
this.splashiframeref.location.replace(this.splashpageurl) //Load desired URL into splashpage iframe
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
if (!/safari/i.test(navigator.userAgent)) //if not Safari, disable document scrollbars
this.standardbody.style.overflow="hidden"
this.splashpageref.style.left=0
this.splashpageref.style.top=0
this.splashpageref.style.width="100%"
this.splashpageref.style.height="100%"
this.moveuptimer=setInterval("window.scrollTo(0,0)", 50)
},

closeit:function(){
clearInterval(this.moveuptimer)
this.splashpageref.style.display="none"
this.splashiframeref.location.replace("about:blank")
this.standardbody.style.overflow="auto"
},

init:function(){
if (this.enablefrequency==1){ //if frequency control turned on
if (/sessiononly/i.test(this.displayfrequency)){ //if session only control
if (this.getCookie(this.cookiename[0]+"_s")==null){ //if session cookie is empty
this.setCookie(this.cookiename[0]+"_s", "loaded")
this.launch=true
}
}
else if (/day/i.test(this.displayfrequency)){ //if persistence control in days
if (this.getCookie(this.cookiename[0])==null || parseInt(this.getCookie(this.cookiename[0]))!=parseInt(this.displayfrequency)){ //if persistent cookie is empty or admin has changed number of days to persist from that of the stored value (meaning, reset it)
this.setCookie(this.cookiename[0], parseInt(this.displayfrequency), parseInt(this.displayfrequency))
this.launch=true
}
}
}
else //else if enablefrequency is off
this.launch=true
if (this.launch){
this.output()
if (parseInt(this.autohidetimer)>0)
setTimeout("splashpage.closeit()", parseInt(this.autohidetimer)*1000)
}
},

getCookie:function(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document·cookie.match(re)) //if cookie found
return document·cookie.match(re)[0].split("=")[1] //return its value
return null
},

setCookie:function(name, value, days){
var expireDate = new Date()
//set "expstring" to either an explicit date (past or future)
if (typeof days!="undefined"){ //if set persistent cookie
var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days))
document·cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; "+splashpage.cookiename[1] //last portion sets cookie path
}
else //else if this is a session only cookie setting
document·cookie = name+"="+value+"; "+splashpage.cookiename[1] //last portion sets cookie path
}

}

if (splashpage.browserdetectstr && splashpage.splashenabled==1)
splashpage.init()

Apoi, salvati fisierul cu numele "exemplu.js", ca in imaginea de mai jos, in calculator.
Atentie la extensie ! (.js)
Denumirea in foto este intro, insa puteti pune si alt nume.

Încărcati acest fisier pe o pagina de gazduire, ca de exemplu urmatoarea pagina: http://pmsc.free.fr/J/upload.php http://pmsc.free.fr/J/upload.php
Gasiti fisierul in calculatorul dvs. cu functia "Browse" si apoi uploadati-l, pe linkul de mai sus.
Veti primi un link catre fisierul uploadat.

Acum mergem in :
PA> Module> Portal & widget-uri> Configurarea portalului> Structura.
Apasati: "Creati un widget personalizat" si completati formularul dupa cum urmeaza:

Nume widget: Intro
Utilizati un tablou tip:
Titlul modului: aici nu se pune nimic
Sursa widget: urmatorul cod :

<script type="text/javascript" src=" URL FILE .JS "></script>

Inlocuiti ceea ce este scris cu rosu cu linkul primit la uploadarea fisierului "exemplu.js".

Apasati apoi "Înregistrare" si vom avea acum in lista de module personalizate si modulul "Intro".
Adaugati acest widget in structura portalului.

Este intotdeauna recomandabil sa adaugati un modul in portal, niciodata in forum.
Veti fi redirectionati spre forumul dvs. dupa cateva secunde sau imediat ce ati apasat butonul "close" din partea de sus a intro-ului.

Tutorial creat de Black!
Editat pentru Forumgratuit de campionatuldewhist

Scris de 1960 la data de Joi 05 Feb 2009, 7:45 pm

As adauga aici si codurile culorilor in html , hex, decimal, rgb, ca sa fie la indemina tuturor.
Deoarece nu incape intr-un post voi adauga doua ( cu acesta ).

So :

NUMELE	NUMERIC	NUME CULOARE	NUMELE Hex RGB	NUMELE Decimal
		White	#FFFFFF	255,255,255
		WhiteSmoke	#F5F5F5	245,245,245
		Snow	#FFFAFA	255,250,250
		MistyRose	#FFE4E1	255,228,225
		Seashell	#FFF5EE	255,245,238
		Linen	#FAF0E6	250,240,230
		AntiqueWhite	#FAEBD7	250,235,215
		BlanchedAlmond	#FFEBCD	255,235,205
		PapayaWhip	#FFEFD5	255,239,213
		OldLace	#FDF5E6	253,245,230
		FloralWhite	#FFFAF0	255,250,240
		Cornsilk	#FFF8DC	255,248,220
		LemonChiffon	#FFFACD	255,250,205
		Beige	#F5F5DC	245,245,220
		LightGoldenrodYellow	#FAFAD2	250,250,210
		Ivory	#FFFFF0	255,255,240
		LightYellow	#FFFFE0	255,255,224
		Honeydew	#F0FFF0	240,255,240
		MintCream	#F5FFFA	245,255,250
		Azure	#F0FFFF	240,255,255
		LightCyan	#E0FFFF	224,255,255
		AliceBlue	#F0F8FF	240,248,255
		Lavender	#E6E6FA	230,230,250
		GhostWhite	#F8F8FF	248,248,255
		LavenderBlush	#FFF0F5	255,240,245
		Gainsboro	#DCDCDC	220,220,220
		LightGrey	#D3D3D3	211,211,211
		PeachPuff	#FFDAB9	255,218,185
		Bisque	#FFE4C4	255,228,196
		NavajoWhite	#FFDEAD	255,222,173
		Moccasin	#FFE4B5	255,228,181
		Wheat	#F5DEB3	245,222,179
		PaleGoldenrod	#EEE8AA	238,232,170
		PaleTurquoise	#AFEEEE	175,238,238
		Pink	#FFC0CB	255,192,203
		LightPink	#FFB6C1	255,182,193
		Silver	#C0C0C0	192,192,192
		LightCoral	#F08080	240,128,128
		Salmon	#FA8072	250,128,114
		LightSalmon	#FFA07A	255,160,122
		BurlyWood	#DEB887	222,184,135
		Khaki	#F0E68C	240,230,140
		LightGreen	#90EE90	144,238,144
		PaleGreen	#98FB98	152,251,152
		Aquamarine	#7FFFD4	127,255,212
		PowderBlue	#B0E0E6	176,224,230
		LightBlue	#ADD8E6	173,216,230
		SkyBlue	#87CEEB	135,206,235
		LightSkyBlue	#87CEFA	135,206,250
		Thistle	#D8BFD8	216,191,216
		LightSteelBlue	#B0C4DE	176,196,222
		Plum	#DDA0DD	221,160,221
		Violet	#EE82EE	238,130,238
		HotPink	#FF69B4	255,105,180
		DarkGray	#A9A9A9	169,169,169
		RosyBrown	#BC8F8F	188,143,143
		Tomato	#FF6347	255,99,71
		DarkSalmon	#E9967A	233,150,122
		Coral	#FF7F50	255,127,80
		SandyBrown	#F4A460	244,164,96
		Tan	#D2B48C	210,180,140
		DarkSeaGreen	#8FBC8F	143,188,143
		MediumAquamarine	#66CDAA	102,205,170
		CornflowerBlue	#6495ED	100,149,237
		MediumSlateBlue	#7B68EE	123,104,238
		MediumPurple	#9370DB	147,112,219
		Orchid	#DA70D6	218,112,214
		PaleVioletRed	#DB7093	219,112,147
		Gray	#808080	128,128,128
		IndianRed	#CD5C5C	205,92,92

Scris de 1960 la data de Joi 05 Feb 2009, 7:48 pm

NUMELE	NUMERIC	NUME CULOARE	NUMELE Hex RGB	NUMELE Decimal
		Red	#FF0000	255,0,0
		OrangeRed	#FF4500	255,69,0
		Peru	#CD853F	205,133,63
		DarkOrange	#FF8C00	255,140,0
		Orange	#FFA500	255,165,0
		Gold	#FFD700	255,215,0
		DarkKhaki	#BDB76B	189,183,107
		Yellow	#FFFF00	255,255,0
		YellowGreen	#9ACD32	154,205,50
		GreenYellow	#ADFF2F	173,255,47
		Chartreuse	#7FFF00	127,255,0
		LimeGreen	#32CD32	50,205,50
		Lime	#00FF00	0,255,0
		SpringGreen	#00FF7F	0,255,127
		Turquoise	#40E0D0	64,224,208
		MediumTurquoise	#48D1CC	72,209,204
		Cyan	#00FFFF	0,255,255
		Aqua	#00FFFF	0,255,255
		CadetBlue	#5F9EA0	95,158,160
		DeepSkyBlue	#00BFFF	0,191,255
		DodgerBlue	#1E90FF	30,144,255
		LightSlateGray	#778899	119,136,153
		SlateGray	#708090	112,128,144
		RoyalBlue	#4169E1	65,105,225
		Blue	#0000FF	0,0,255
		SlateBlue	#6A5ACD	106,90,205
		BlueViolet	#8A2BE2	138,43,226
		MediumOrchid	#BA55D3	186,85,211
		Magenta	#FF00FF	255,0,255
		Fuchsia	#FF00FF	255,0,255
		DeepPink	#FF1493	255,20,147
		DimGray	#696969	105,105,105
		Brown	#A52A2A	165,42,42
		FireBrick	#B22222	178,34,34
		Sienna	#A0522D	160,82,45
		Chocolate	#D2691E	210,105,30
		Goldenrod	#DAA520	218,165,32
		LawnGreen	#7CFC00	124,252,0
		MediumSeaGreen	#3CB371	60,179,113
		MediumSpringGreen	#00FA9A	0,250,154
		LightSeaGreen	#20B2AA	32,178,170
		DarkTurquoise	#00CED1	0,206,209
		SteelBlue	#4682B4	70,130,180
		MediumBlue	#0000CD	0,0,205
		DarkOrchid	#9932CC	153,50,204
		DarkViolet	#9400D3	148,0,211
		MediumVioletRed	#C71585	199,21,133
		Crimson	#DC143C	220,20,60
		SaddleBrown	#8B4513	139,69,19
		DarkGoldenrod	#B8860B	184,134,11
		OliveDrab	#6B8E23	107,142,35
		DarkOliveGreen	#556B2F	85,107,47
		ForestGreen	#228B22	34,139,34
		SeaGreen	#2E8B57	46,139,87
		DarkSlateBlue	#483D8B	72,61,139
		DarkRed	#8B0000	139,0,0
		Maroon	#800000	128,0,0
		Olive	#808000	128,128,0
		Green	#008000	0,128,0
		DarkSlateGray	#2F4F4F	47,79,79
		DarkCyan	#008B8B	0,139,139
		Teal	#008080	0,128,128
		MidnightBlue	#191970	25,25,112
		DarkBlue	#00008B	0,0,139
		Navy	#000080	0,0,128
		Indigo	#4B0082	75,0,130
		DarkMagenta	#8B008B	139,0,139
		Purple	#800080	128,0,128
		DarkGreen	#006400	0,100,0
		Black	#000000	0,0,0

Cum se realizeaza un skip intro

Cum se realizeaza un skip intro

Re: Cum se realizeaza un skip intro

Re: Cum se realizeaza un skip intro