[MAGAZINE] La Pidgey Express

« Older Newer »

Asteroide pagliaccio

Posted on 14/2/2013, 17:00 by: Asteroide pagliaccio

Ho fiducia nel cuore delle carte

Group:: Spie segrete

Posts:: 14,163

Good Game:: +490

Status:

MAGAZINE, La Pidgey Express

Partecipate a questo progetto
scegliete la rubrica che più vi piace
e mettetevi alla prova con
molte attività di disegno, ma non solo.

Un luogo dove fare tante nuove amicizie e condividere le proprie passioni dei Pokemon e del disegno ^___^

Che cosa aspetti?? allora

CODICE

<fieldset><legend>[color=purple]<a target="_blank" href="https://legapokemon.forumcommunity.net/?f=8712675"><b>[size=7]MAGAZINE, La Pidgey Express[/size]</b></a>[/color]</legend><div><div style="float: left; margin-right: 10px;font-size:10pt;font-family:verdana,tahoma,arial;"><img style="width: 356px" src="https://legapokemon.altervista.org/La_Pidgey_Express/Logo_Pidgey.jpg"></div>[size=7][color=#FF55FF]<i>

Partecipate a questo progetto
scegliete la rubrica che più vi piace
e mettetevi alla prova con
molte attività di disegno, ma non solo.

Un luogo dove fare tante nuove amicizie e condividere le proprie passioni dei Pokemon e del disegno ^___^

Che cosa aspetti??</i> <img src="https://legapokemon.altervista.org/Emoticons/allora.gif">[/color][/size]</div></fieldset>

Sono aperto a idee e proposte

Tutti coloro che volessero partecipare possono scrivere qui :Hola:

Comunque questo è il CODE per la tabellina con le freccette cambio slide, che ci ha creato l'incredibile Forum Grafica Magica :Yuppi Yeah:

Lo aggiornerò di volta in volta.

Codice HTML da aggiungere in sezione

CODICE

Codice in cima a tutte le pagine

CODICE

<div id="wrapper">
<div id="leftborder">
<div id="rightborder"><br>

<script type="text/javascript" src="https://ffmagazine.forumfree.net/paralizer/tabellaslide/tabellaslide.js"></script>

<script type="text/javascript">
var doubleCheck = {
whitelist: [],
blacklist: []
};
</script>

Colori e stili

CODICE

/* TABELLA SLIDE CON EFFETTO FADE - https://ffmagazine.forumfree.it/?t=48148627 */
.slide_table {width: 100%}
.slide_table .mback {cursor: pointer}
.slide_table .title {font-size: 11px}
.slide_table .title a {display: inline-block; cursor: pointer; margin-right: 15px}
#orologio {display: inline-block; min-width: 95px; text-align: right}
.slide_table .credits {float:right; text-align:right}

.slide_table .frecciadestra {background: rgba(0, 0, 0, 0.6) url("https://legapokemon.altervista.org/freccetta_destra.png") no-repeat scroll center center; border-radius: 4px; height: 100px; padding: 20px 15px; right: 60px; top: 870px; width: 130px; float:right; position:absolute}

.slide_table .frecciasinistra {background: rgba(0, 0, 0, 0.6) url("https://legapokemon.altervista.org/freccetta_sinistra.png") no-repeat scroll center center; border-radius: 4px; height: 100px; left: 60px; padding: 20px 15px; top: 870px; width: 130px; float:left; position:absolute}

.slide_table .panel {height: 700px}

Nel codice dei colori e stili è necessario regolare il valore top delle due freccette perchè l'altezza delle freccette deve essere impostata manualmente.

Colori e Stili della tabellina creata dal "Caffè espresso con un dolce panda"

CODICE

/*TABELLA BY PANDABEA, NON COPIATE E NON RUBATE, GRAZIE!*/

/* menù pandabea --- non toccare questa parte*/

.menukita {float:left;
width: 270px;
height: 20px;
text-align:center;
font-size: 15px;
line-height: 18px;
display: inline-block;
padding: 2px;
margin: 2px;
font-weight:bold;
font-family: georgia;
text-transform:uppercase;
background: #94AF87;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-shadow: 1px 1px #658257}

.menukita a:link {color: #FFF}

.menukita a {color: #FFF}

.menukita a:hover {color: #FFF}

.menukita:hover {color: #42315C;
background: #7B936E;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease}
/*FINE CODICE*/

Crediti

CODICE

tabella by <a href="https://thinkthelollipop.forumcommunity.net/?act=Profile&MID=3834223">pandabea»</a>

Ecco il CODE da aggiungere in Codici HTML -> In fondo al forum, per lo Score System

CODICE

Ecco il CODE per l'aggiunta dell'Economy System, con relative tabelle

Codice HTML in cima al forum:

CODICE

<script type="text/javascript" src="https://ffb.forumfree.net/js/economysystem.js"></script>

Codice HTML in sezione

CODICE

<div id="pannello11" class="nascosta panel">
<h2><p align="center"><br><span style="font-size:14">ENTRA NEL NEGOZIO DI PIDGEY</span></p></h2>

<script type="text/javascript"> ScoreSystem.Addons.EconomySystem.initialize();</script>

<a href="javascript:void(0)" class="frecciasinistra" data-title="pannello10" changetable=""></a>
<a href="javascript:void(0)" class="frecciadestra" data-title="pannello1" changetable=""></a>

</div>

COLORI E STILI DELLA TABELLINA CREATA DA Candy'love del Graphic Arena

CODICE

/* SLIDESHOW A SCORRIMENTO AUTOMATICO - http://ffmagazine.forumfree.it/?t=65226584 */
#slideshow {width: 580px; padding: 10px; margin: 10px auto; text-align: center} #slideshow input {display: none}
#mask {width: 100%; overflow:hidden}
#slides {background: none; padding: 10px; border: none; border-radius: 10px}

.slide_content {position: relative; width: 500%; -webkit-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -moz-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -ms-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); -o-transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000); transition: all 800ms cubic-bezier(0.670, 0.000, 0.170, 1.000)}

#pan1:checked ~ #slides .slide_content {margin-left: 0}
#pan2:checked ~ #slides .slide_content {margin-left: -100%}
#pan3:checked ~ #slides .slide_content {margin-left: -200%}
#pan4:checked ~ #slides .slide_content {margin-left: -300%}

.pannello {width: 20%; float: left; font-family: arial; font-size: 12px; color: none; text-shadow: 0 1px 1px rgba(255, 255, 255, .7)}

#active {margin-top: 5px}
#active label {display: inline-block; width: 9px; height: 9px; border-radius: 1em; background: #93DE49; border: 2px solid #EBF8DE; margin: 5px; cursor: pointer}
#active label:hover {background: #FFF}

#pan1:checked ~ #active label:nth-child(1),
#pan2:checked ~ #active label:nth-child(2),
#pan3:checked ~ #active label:nth-child(3),
#pan4:checked ~ #active label:nth-child(4) {background: #93DE49; box-shadow: inset 0 0 0 2px #F7F7F7, 0 0 0 1px rgba(255, 255, 255, .7), 0 0 4px rgba(0, 0, 0, .1)}

Questo è il CODE per aggiungere una slide aggiuntiva, nel caso servisse

CODICE

<div id="pannello*" class="nascosta">
<h2><p align="center"><br><span style="font-size:14">Nome pannello</span></p></h2>

CONTENUTO PANNELLO

<a href="javascript:void(0)" class="frecciasinistra" data-title="pannello*" changetable=""></a>
<a href="javascript:void(0)" class="frecciadestra" data-title="pannello*" changetable=""></a>

</div>

Al posto del * si deve inserire il numero successivo all'ultimo pannello
Negli a href invece ci va il numero prima nella freccia a sinistra e il numero dopo nella freccia a destra

I forum che possono esporre questa tabellina in Home Page (IN FONDO A TUTTE LE PAGINE) sono SOLO I SEGUENTI:

Dungeons & Dragons - Forum -
Grafica Magica
Manga Cosmo
Camelot
Pokémon Italian Generation
Pokèstrong

Anche altri Forum possono esporre la Pidgey ma SOLTANTO IN SEZIONE (non nella Home Page) E DEVONO AVERE IL PERMESSO DALLO STAFF chiedendo in questo topic e postando tutti i Crediti.

Edited by Drefius - 24/3/2020, 15:33

Contacts

48 replies since 14/2/2013, 17:00 1763 views