-
.
Ciao,
Non avevo visto il tuo messaggio.
Comunque queste informazioni le avevo lette in riassunto sul corriere della sera.
Tuttavia è possibile trovare delle fonti che ho riletto giusto oggi, su Wikipedia.
Ti copio qui il link:
Flotta del mar nero
Come ti dicevo c'è scritto addirittura che il numero di soldati russi sia di 25000 massimo, evidentemente sul testo letto da me precedentemente c'era un refuso visto che il numero che avevo detto io era inferiore.
La cosa strana è che nel '97, nell'articolo che avevo letto si parlava del fatto che l'accordo prevedeva la fornitura di gas ma a quanto pare non solo, infatti qui si asserisce che l'Ucraina ha letteralmente ceduto alcune sue basi alla Russia in cambio di 98 milioni di dollari l'anno.
La cosa del gas però venne però stabilita nel 2010 da Viktor Janukovyč e dal governo Russo.
Il risultato è sostanzialmente lo stesso, seppur con qualche differenza.
Chiedo scusa per non essermi informato meglio su quanto scritto, colpa mia e del corriere, non riesco a trovare l'articolo incriminato.
Rimane comunque molto interessante leggere le informazioni sulla scissione fra l'Ucraina e la Russia. Che rimane a mio avviso una cretinata galoppante da parte di Ucraina... -
.anarchia è ordine
quel cerchio che disegniamo intorno alle A non ha una funzione, meramente estetica rappresenta la O di ordine
si vabè l'umanità non è fatta di bastardi
rifaccio una domanda che avevo fatto prima: sapete qualè il contrario di anarchia?
No infatti nessuno ha mai detto che l'umanità è fatta di bastardi ma solo il fatto che esista la parola presuppone che ci siano, ne basta uno e l'anarchia non ha più senso di esistere.
Il contrario di anarchia?
Sottomissione...
Ciò non implica nulla.
La realtà è che nessuno si attiene alle regole al 100%, lo stesso si può dire di un anarchico, non è che ignorerebbe tutte le regole del buon senso a prescindere.
Se uno pensa che anarchia voglia dire vivere senza regole non ha capito cosa è l'anarchia perché questa stabilisce che si viva con le regole del buon senso comune.
In linea di massima delle leggi le hai punto e basta. -
.1 nella maggior parte dei casi chemioterapia non salva la vita
2 c'è differenza fra eguaglianza e conformismo
3 le società preistoriche erano anarchiche
1 - Si ma salva la vita a delle persone... Non si sta discorrendo sui numeri...
2 - Appunto e quando parli di insegnare a qualcuno come si pensa parli di conformare un popolo alla mentalità di pochi, che di fatto è la stessa cosa della situazione attuale o come tu la intendi e, detto fra noi, già solo il fatto che siamo qui a parlarne e ognuno di noi è libero di esternare i suoi concetti e le sue idee presuppone già una certa libertà ed una certa uguaglianza.
3 - L'ho detto anche io, ma anche se erano arcaiche rimane il fatto che cerchiamo SEMPRE un capo che ci guida, non intendo ovviamente sul punto di vista personale ma su quello generale. -
.
Che carine grazie 
-
.allora non avete capito niente
l'uguaglianza a cui noi aspiriamo non è l'uguaglianza dello stile di vita, dei pensieri, delle azioni, questa è l'uguaglianza che sta creando questo sistema non l'anarchia noi vogliamo l'uguaglianza nella libertà e nei diritti, come detto prima oggi si insega cosa pensare, noi vogliamo che si insegni come pensare
sul lato del progresso, è vero ch siamo contro alcune tecnologie ma c'è da specificare che siamo contro le tecnologie che possono provocare danni: nucleare, chemioterapia, OGM; finchè non si è sicuri della totate innocuità della cosa per noi non va bene
ehm...
1 - La chemioterapia per quanto dolorosa possa essere aiuta milioni di persone.
Una mia amica si è salvata facendola...
2 - Sei contraddittorio:
Prima dici:
l'uguaglianza a cui noi aspiriamo non è l'uguaglianza dello stile di vita, dei pensieri, delle azioni
Poi dici:
noi vogliamo che si insegni come pensare
In pratica non vuoi che la gente la pensi allo stesso modo ma vuoi che la gente impari a pensarla allo stesso modo...
E per citare Dio Elta: nemmeno a me è stato insegnato a cosa pensare e come farlo.
3 - Ti manca un concetto base. Voi volete uguaglianza nei diritti tuttavia ti sfugge che è necessaria una legge per questo, infatti nel paleolitico, dove non c'era lo Stato i popoli sceglievano un capo che li guidasse, a cui loro davano assoluto rispetto. In pratica le decisioni di un uomo erano una, seppur arcaica e non scritta, legge. -
.
Tasse? Si giuste.
Ne paghiamo troppe?
Ni, premetto che di fatto sono alte per chi le paga tutte correttamente.
Tuttavia in Italia in alcuni gruppi di persone evadono per l'80% del loro numero.
Attualmente l'evasione fiscale costa in Italia circa il 17,5% del PIL che vuol dire circa 275 MILIARDI di euro sottratti alle casse dello stato.
Che necessariamente sarà costretto ad alzarle per recuperare in parte il denaro che manca.
Per il discorso Anarchia:
Sarebbe possibile SOLO ed esclusivamente avendo una mentalità tale per cui il popolo sia in grado di pensarla allo stesso modo e che ognuno sia utile per la società in egual misura ed allo stesso tempo tutti dovrebbero avere uno spirito di sacrificio.
In altre parole ad esempio un portatore di Handicap dovrebbe, essendo socialmente non in grado di lavorare per aiutare al sostentamento della comunità, suicidarsi.
Allo stesso tempo una persona laureata in medicina dovrebbe prestare i suoi servizi in cambio delle stesse cose che riceverebbe se fosse un agricoltore.
Ciò quindi implicherebbe che non sia utile per nessuno laurearsi, perché farmi il fondo schiena a scuola quando zappando la terra ottengo gli stessi risultati?
Ciò detto il risultato porterebbe ad avere un impoverimento culturale della popolazione ed un balzo all'indietro, sul livello sanitario, mostruoso che si tradurrebbe ad un ritorno all'età della pietra.
Tanto per essere ancora più precisi su un post che ho letto qui poco fa:CITAZIONEla natura ofre abbastanza per tutti
No non è così prima di parlare informati.
La natura non offre abbastanza per tutti infatti se non ci fosse lo sfruttamento intensivo dei terreni, le serre e tutti i besticidi, più tutte gli allevamenti intensivi non saremmo in grado di sostentare ad una popolazione con un numero superiore ai due miliardi.
Siamo più del doppio......
E' vero però che molto cibo viene buttato, infatti, non grazie alla natura ma alla tecnologia, che non sto proteggendo, creiamo cibo per 10 miliardi di persone tuttavia c'è più di un miliardo di persone che muore di fame. -
.Quello del grilletto del gunblade lo sapevo già,anche se per adesso mi funziona a culo xD Certe volte si, altre no! Devo prenderci la mano.
Ho anche scoperto che cliccando il tasto (che sarebbe lo stesso del grilletto) nel momento esatto che viene inferto il colpo dal G.F, questi aumenta di una piccola percentuale i danni recati.
CIò che dici sul non livellare troppo è assolutamente vero, per fortuna questa cosa ha i suoi pregi e i suoi difetti. Se non livello troppo, il mio grado SeeD diminuisce, con conseguente riduzione dello stipendio. Se invece lo aumento molti mostri diventano più forti.
Ho avuto la triste idea di non conquistare Diablos appena il preside me lo ha dato (in quel momento i suoi HP si aggirano a circa 5k-6k). Ma dall'alto della mia "nabbaggine" l'ho conquistato a livello 12 (media del gruppo). Dove gli HP di Diablos sono circa 13k-15k. Non ti dico quanto ci sono stato per batterlo
Specialmente con l'Assimila che ogni tanto mi funziona e ogni tanto no, non potendo di conseguenza usare contro se stesso la tecnica Antima (tecnica potentissima con avversari di livello alto).
Non riesco a capire però perchè non posso assimilare la tecnica usandola a mio piacimento. Sarà che non posso assimilare le magie dei G.F?! Boh xD
Anzi, toglietemi una curiosità gentilmente xD Una volta conquistato Diablos, l'ho voluto provare. Ok, si..il suo livello non è ancora dei migliori.. Ma non posso credere che il suo ATK infligga danni di solo 5-12 damage. Quando invece, faccio esempio, con Ifrid appena conquistato, recavo già un danno di 100-200 .-.CITAZIONEma il suo meglio lo da con l'ultimo gunblade XD
Dove la trovo!?!? Quale è?!
Allora:
1 - Il comando assimila: Il numero di magie che puoi rubare dipende dal parametro MAGIA del pg da cui lo usi e dalla potenza della magia. Se invece fai "usa subito" il danno dipende dalle stesse cose. Questo vuol dire che se è basso può capitare che fallisca.
2 - Antima: Fa danno in base agli HP residui dell'avversario colpito (non puoi uccidere ne tu morire).
3 - Diablos: Fa danno in base agli HP totali dell'avversario colpito. Dopo il secondo CD TUTTI i boss e alcuni mostri normali saranno immuni ai suoi attacchi.
4 - Il livello seed non dipende dal livello della squadra ma dal modo e da quanto combatti...
Se usi i GF sempre lo fai diminuire se invece vai di attacchi fisici sale.
5 - L'ultimo Gunblade lo puoi creare a inizio gioco per via di un bug ma te lo sconsiglio. Seguendo il normale corso del gioco ottieni le info per crearlo durante il 3° CD -
.
Grazie! -
.Ahahah finalmente qualcuno con cui poter parlare di questo gioco!
Parto dicendo che non voglio usare mod. Devo finirlo con le mie sole forze
Ti dirò, la collezione delle carte non l'ho nemmeno cominciata xD Mi sono messo a far missioni e ad expare con il risultato che non so nemmeno che carte ho.
In questo momento sto solo cercando di far salire di liv. i G.F e i pg. Con tutte le cose annesse e connesse che li riguardino.
Tu dici che è meglio cominciarci da ora con la collezione delle carte?
Ultima cosa.
Non sto riuscendo completamente a trovare un modo di migliorare l'attacco di Squall (con la gunblade). Come diavolo devo fare .-.
Per le carte: Puoi ignorare la ricerca delle carte fino più o meno al 2° CD dopo che sei libero di andare dove vuoi...
Per le mod: Sono quasi tutte grafiche e audio.
Per il livello:
NON livellare troppo... In FF8 il livello degli avversari è sempre intorno alla media del gruppo in battaglia.
Questo vuol dire che se sali troppo anche i boss saranno più complicati.
In realtà è addirittura possibile finire il gioco al 100% tenendo i personaggi al livello iniziale.
Per potenziare i personaggi devi fare Junction con una magia sul parametro desiderato.
Ultimo consiglio: impara ad usare il grilletto del gunblade.
Devi cliccare un tasto, non so quale su PC, nell'esatto momento in cui la lama si appoggia sull'avversario se funziona vedi un esplosione altrimenti un taglio semplice.
All'inizio può sembrare difficilissimo ma poi ci fai l'abitudine è più facile di quel che sembra. -
.
E' stato il mio primo JRPG poi non sono più riuscito a tornare indietro.
L'ho giocato tipo 30 volte più o meno. Sulla PS1 ho un salvataggio che ha superato le 150 ore...
Comunque ti comunico un bug per la versione PC.
E' impossibile finire la collezione delle carte perché quelle di livello 1 e 2 a volte scompaiono...
Credo comunque che il bug sia stato risolto nella versione Steam.
Inoltre ci sono un bel po di mod in rete...
P.S. Se hai bisogno di consigli spara! L'ho praticamente ribaltato sto gioco la mia versione scatolata non funziona più tanto l'ho rigiocato O_O -
.
JS non è considerato HTML, visto che a differenza di quest'ultimo è un linguaggio di programmazione.
O per meglio dire di scripting.
Di fatto nemmeno CSS è considerabile come HTML essendo un linguaggio di formattazione e visto anche che si può usare non solo nell'HTML ma anche per XHTML e XML.
CSS sarebbe buono da vedere sicuramente ma io pensavo fosse ovvio visto anche quello che lei deve fare
Comunque bravo ad avermelo ricordato!
Per Javascript non saprei, in realtà è abbastanza semplice se vuoi fare cose semplici, io direi di impararlo usando JQuery come framework che semplifica un casino di cose... -
.Grazie 1000 Xenomis, può essere un inizio
ora vedo quei siti che mi hai consigliato 
per ora lo lascio aperto poi magari quando mi sono fatta un idea di quello che voglio chiederò che sia chiuso e ne riaprirò un altro 
grazie tantissime ancora davvero
Di nulla ^^
A già quasi dimenticavo.
Ricordati che in rete trovi tantissimi script Jquery e css da scaricare già fatti e con bellissime animazioni a volte. -
.
Ciao,
Purtroppo posso solo darti dei consigli e difficilmente potrei aiutarti facendoti da maestro, non ho tempo
.
Comunque per iniziare con l'HTML io cercherei qui:
1 - HTML.it
2 - www.mrwebmaster.it/html/guide/guida-html/
Questo sono due dei siti in italiano più completi, ce ne sono anche altri basta cercare.
Tuttavia ti consiglio di cercare materiale in inglese... Molto più completo solitamente.
Questo -> W3School è un buon posto dove scoprire informazioni.
Un altro consiglio che ti do è: Google è tuo amico!
Sfruttalo magari facendo ricerche direttamente in inglese scrivendo ciò di cui hai bisogno.
Se proprio non trovi niente allora puoi chiedere qui magari inserendo qualche informazione più precisa ad esempio:
1) Non so fare uno slider come faccio?
2) Vorrei fare un bottone che cambia forma quando clicchi qualcuno mi aiuta?
3) Vorrei fare uno zoom su un immagine al passaggio del mouse come si fa?
Insomma ci sarà sicuramente qualcuno in grado di aiutarti. -
.
Nessun problema. Sinceramente lo trovo poco utile modificare questo plugin per farlo andare in automatico.
A mio avviso sarebbe meglio usarne uno nuovo che magari possiede già queste caratteristiche.
Quello che ho trovato poco fa su internet è un po più complicato da usare tuttavia ha molte opzioni, puoi aggiungere senza smanettare con il codice js nuove slide, scorrono automaticamente, sono responsive e teoricamente funzionano anche con comandi touch.
Ecco qui:
Questo lo copi incolli in un file chiamato unslider.js:CODICE/**
* Unslider by @idiot
*/
(function($, f) {
// If there's no jQuery, Unslider can't work, so kill the operation.
if(!$) return f;
var Unslider = function() {
// Set up our elements
this.el = f;
this.items = f;
// Dimensions
this.sizes = [];
this.max = [0,0];
// Current inded
this.current = 0;
// Start/stop timer
this.interval = f;
// Set some options
this.opts = {
speed: 500,
delay: 3000, // f for no autoplay
complete: f, // when a slide's finished
keys: !f, // keyboard shortcuts - disable if it breaks things
dots: f, // display ••••o• pagination
fluid: f // is it a percentage width?,
};
// Create a deep clone for methods where context changes
var _ = this;
this.init = function(el, opts) {
this.el = el;
this.ul = el.children('ul');
this.max = [el.outerWidth(), el.outerHeight()];
this.items = this.ul.children('li').each(this.calculate);
// Check whether we're passing any options in to Unslider
this.opts = $.extend(this.opts, opts);
// Set up the Unslider
this.setup();
return this;
};
// Get the width for an element
// Pass a jQuery element as the context with .call(), and the index as a parameter: Unslider.calculate.call($('li:first'), 0)
this.calculate = function(index) {
var me = $(this),
width = me.outerWidth(), height = me.outerHeight();
// Add it to the sizes list
_.sizes[index] = [width, height];
// Set the max values
if(width > _.max[0]) _.max[0] = width;
if(height > _.max[1]) _.max[1] = height;
};
// Work out what methods need calling
this.setup = function() {
// Set the main element
this.el.css({
overflow: 'hidden',
width: _.max[0],
height: this.items.first().outerHeight()
});
// Set the relative widths
this.ul.css({width: (this.items.length * 100) + '%', position: 'relative'});
this.items.css('width', (100 / this.items.length) + '%');
if(this.opts.delay !== f) {
this.start();
this.el.hover(this.stop, this.start);
}
// Custom keyboard support
this.opts.keys && $(document).keydown(this.keys);
// Dot pagination
this.opts.dots && this.dots();
// Little patch for fluid-width sliders. Screw those guys.
if(this.opts.fluid) {
var resize = function() {
_.el.css('width', Math.min(Math.round((_.el.outerWidth() / _.el.parent().outerWidth()) * 100), 100) + '%');
};
resize();
$(window).resize(resize);
}
if(this.opts.arrows) {
this.el.parent().append('<p class="arrows"><span class="prev">â†</span><span class="next">→</span></p>')
.find('.arrows span').click(function() {
$.isFunction(_[this.className]) && _[this.className]();
});
};
// Swipe support
if($.event.swipe) {
this.el.on('swipeleft', _.prev).on('swiperight', _.next);
}
};
// Move Unslider to a slide index
this.move = function(index, cb) {
// If it's out of bounds, go to the first slide
if(!this.items.eq(index).length) index = 0;
if(index < 0) index = (this.items.length - 1);
var target = this.items.eq(index);
var obj = {height: target.outerHeight()};
var speed = cb ? 5 : this.opts.speed;
if(!this.ul.is(':animated')) {
// Handle those pesky dots
_.el.find('.dot:eq(' + index + ')').addClass('active').siblings().removeClass('active');
this.el.animate(obj, speed) && this.ul.animate($.extend({left: '-' + index + '00%'}, obj), speed, function(data) {
_.current = index;
$.isFunction(_.opts.complete) && !cb && _.opts.complete(_.el);
});
}
};
// Autoplay functionality
this.start = function() {
_.interval = setInterval(function() {
_.move(_.current + 1);
}, _.opts.delay);
};
// Stop autoplay
this.stop = function() {
_.interval = clearInterval(_.interval);
return _;
};
// Keypresses
this.keys = function(e) {
var key = e.which;
var map = {
// Prev/next
37: _.prev,
39: _.next,
// Esc
27: _.stop
};
if($.isFunction(map[key])) {
map[key]();
}
};
// Arrow navigation
this.next = function() { return _.stop().move(_.current + 1) };
this.prev = function() { return _.stop().move(_.current - 1) };
this.dots = function() {
// Create the HTML
var html = '<ol class="dots">';
$.each(this.items, function(index) { html += '<li class="dot' + (index < 1 ? ' active' : '') + '">' + (index + 1) + '</li>'; });
html += '</ol>';
// Add it to the Unslider
this.el.addClass('has-dots').append(html).find('.dot').click(function() {
_.move($(this).index());
});
};
};
// Create a jQuery plugin
$.fn.unslider = function(o) {
var len = this.length;
// Enable multiple-slider support
return this.each(function(index) {
// Cache a copy of $(this), so it
var me = $(this);
var instance = (new Unslider).init(me, o);
// Invoke an Unslider instance
me.data('unslider' + (len > 1 ? '-' + (index + 1) : ''), instance);
});
};
})(window.jQuery, false);
Questo lo copi incolli in un file css.CODICE* {
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
::selection {
background: #bfa57c;
color: #fff;
}
body {
color: #a48d66;
font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif;
}
h1, h2, h3, h4, b {
font-weight: 300;
font-family: bree-web, Bree, sans-serif;
}
h2 {
font-size: 28px;
padding-bottom: 60px;
}
b {
font-weight: 500;
font-size: 16px;
color: #c3522f;
}
#logo {
position: absolute;
left: 80px;
top: 40px;
z-index: 2;
margin-left: -17px;
}
.banner {
position: relative;
width: 100%;
overflow: auto;
font-size: 18px;
line-height: 24px;
text-align: center;
color: rgba(255,255,255,.6);
text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
background: #5b4d3d;
box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.banner ul {
list-style: none;
width: 300%;
}
.banner ul li {
display: block;
float: left;
width: 33%;
min-height: 350px;
-o-background-size: 100% 100%;
-ms-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
}
.banner .inner {
padding: 160px 0 110px;
}
.banner h1, .banner h2 {
font-size: 40px;
line-height: 52px;
color: #fff;
}
.banner .btn {
display: inline-block;
margin: 25px 0 0;
padding: 9px 22px 7px;
clear: both;
color: #fff;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
border: 2px solid rgba(255,255,255,.4);
border-radius: 5px;
}
.banner .btn:hover {
background: rgba(255,255,255,.05);
}
.banner .btn:active {
-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}
.banner .btn, .banner .dot {
-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
.banner .dots {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
width: 100%;
}
.banner .dots li {
display: inline-block;
*display: inline;
zoom: 1;
width: 10px;
height: 10px;
line-height: 10px;
margin: 0 4px;
text-indent: -999em;
*text-indent: 0;
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.banner .arrows {
position: absolute;
bottom: 20px;
right: 20px;
color: #fff;
}
.banner .arrow {
display: inline;
padding-left: 10px;
cursor: pointer;
}
.features {
overflow: hidden;
padding: 50px 0;
background: #f7f7f6;
box-shadow: inset 0 -1px 3px rgba(0,0,0,.03);
}
.features li {
position: relative;
padding: 0 25px 0 40px;
list-style: none;
width: 25%;
float: left;
}
.features li:before {
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 24px;
height: 22px;
background: url('img/icons.png');
}
.features li.browser:before { background-position: 0 -44px; }
.features li.height:before { background-position: 0 -22px; }
.features li.responsive:before { background-position: 0 -66px; }
.features b {
display: block;
padding-bottom: 6px;
}
.how {
padding: 60px 0;
}
.how h2 {
color: #7c6853;
}
.how h3 {
padding-bottom: 8px;
color: #7b6b53;
font-size: 20px;
line-height: 10px;
}
.how li {
position: relative;
width: 375px;
margin: 0 0 40px 15px;
padding-left: 10px;
}
.how pre {
position: absolute;
left: 450px;
top: 0;
width: 495px;
padding: 20px 25px;
background: #f8f5f0;
color: #8a785d;
font-size: 12px;
line-height: 18px;
border-radius: 5px;
box-shadow: inset 0 2px 2px rgba(180,157,125,.15), inset 0 0 1px rgba(0,0,0,.2);
}
.how p {
padding-bottom: 15px;
}
.options {
padding: 60px 0;
background: #39342d;
color: #7b7368;
box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
text-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.options a {
opacity: .7;
color: #fff;
border-bottom: 1px solid rgba(255,255,255,.2);
text-decoration: none;
}
.options a:hover {
opacity: 1;
border-bottom-color: rgba(255,255,255,.3);
}
.options p {
font-size: 16px;
line-height: 25px;
padding-bottom: 20px;
}
.options h2 {
color: #fff;
padding-bottom: 15px;
}
.options pre {
padding: 20px 25px;
background: #342f29;
color: #988f81;
font-size: 13px;
line-height: 19px;
box-shadow: inset 0 2px 2px rgba(0,0,0,.15), inset 0 0 1px rgba(0,0,0,.1);
border-radius: 5px;
}
.options pre span {
color: #706657;
}
.footer {
padding: 80px 0 60px;
text-align: center;
}
.footer .btn {
display: inline-block;
padding: 13px 24px 10px;
margin-bottom: 15px;
background-color: #c4652d;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d07936), to(#b95124));
background-image: -webkit-linear-gradient(top, #d07936, #b95124);
background-image: -moz-linear-gradient(top, #d07936, #b95124);
background-image: -o-linear-gradient(top, #d07936, #b95124);
background-image: -ms-linear-gradient(top, #d07936, #b95124);
background-image: linear-gradient(top, #d07936, #b95124);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d07936', EndColorStr='#b95124');
border-radius: 5px;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.15), inset 0 2px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.1);
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.2);
font-size: 12px;
line-height: 18px;
font-weight: bold;
text-transform: uppercase;
border: none;
}
.footer .btn span {
font-weight: normal;
opacity: .8;
}
.footer .btn:hover {
opacity: .95;
color: #fff;
}
.footer .btn:active {
opacity: 1;
background-color: #bc5f29;
background-image: -webkit-gradient(linear, left top, left bottom, from(#b55625), to(#c3692d));
background-image: -webkit-linear-gradient(top, #b55625, #c3692d);
background-image: -moz-linear-gradient(top, #b55625, #c3692d);
background-image: -o-linear-gradient(top, #b55625, #c3692d);
background-image: -ms-linear-gradient(top, #b55625, #c3692d);
background-image: linear-gradient(top, #b55625, #c3692d);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b55625', EndColorStr='#c3692d');
box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,.1), inset 0 2px 2px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.1);
}
.footer a {
margin: 0 4px;
color: #79654e;
text-decoration: none;
border-bottom: 1px solid #ddd2c6;
}
.footer a:hover {
color: #665139;
border-color: #d1bfa9;
}
.wrap {
margin: 0 auto;
width: 960px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
.wrap {
width: 90%;
}
#logo {
left: 50px;
top: 30px;
}
.banner h1, .banner h2 {
font-size: 24px;
line-height: 30px;
}
.banner ul li {
height: 240px;
}
.banner .inner {
padding-top: 100px;
padding-bottom: 50px;
}
.banner p {
font-size: 15px;
width: 80%;
margin: 0 auto;
}
pre {
overflow: auto;
}
.features li {
width: 100%;
margin-left: 10px;
margin-bottom: 30px;
}
.how li {
width: 90%;
}
.how pre {
position: static;
width: 100%;
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.features li:before {
background: url('img/icons@2x.png');
background-size: 100%;
}
}
Poi puoi smanettarci togliendo immagini, aggiungendole o cambiando i colori come più ti piacciono.
Infine lo usi come segue:CODICE<!--Questi servono a far riconoscere i vari file vanno nella sezione HEAD-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="unslider.js"></script>
<link rel="stylesheet" href="style.css">
<!--Questi nel body all'inizio! Servono a far avviare il plugin-->
<script>
$(function() {
$('.banner').unslider({
speed: 500, // velocità in millisecondi dello scorrimento
delay: 3000, // Ritardo fra un cambio slide e l'altro sempre in millisecondi
complete: function() {}, //Qui puoi aggiungere una funzione che viene chiamata automaticamente dopo ogni cambio slide in questo esempio è vuota
keys: true, // Con questo dai la possibilità di cambiare slide con le frecce direzionali
dots: true, // Questo mostra i pallini che segnalano la slide corrente e permettono la navigazione con il mouse
fluid: false // Questo se messo a true avvia la visualizzazione responsive Adesso è disattivata perché potrebbe fare danni se la grafica del sito intero non è responsive.
});
});
</script>
<!--Le slide-->
<div class="banner">
<ul>
<li>
<div class="inner">
<h1>Qui puoi inserire infinite cose</h1>
<p>Come lorem ipsum!</p>
<a class="btn" href="#download">Cliccami</a>
</div>
</li>
<li>
<div class="inner">
<h1>Puoi mettere come background al "li"</h1>
<p>aggiungendo dentro i tag style="background-image: url('img.jpg');"</p>
</div>
</li>
<li>
<div class="inner">
<h1>Leggimi</h1>
<p>Aggiungendo un li con dentro un div dotato di classe inner puoi inserire altre slide. i dot vengono aggiunti automaticamente</p>
</div>
</li>
<li>
<div class="inner">
<h1>Esempio aggiunta</h1>
</div>
</li>
<li>
<div class="inner">
<h1>Esempio aggiunta 2</h1>
</div>
</li>
<li>
<div class="inner">
<h1>Esempio aggiunta3</h1>
</div>
</li>
</ul>
</div> -
.Ho provato a mettere 6 pannelli, ho aggiustato il width degli .article, ho aumentato var last a 6, aumentato il conten width a 600% eppure si ferma sempre a 5 pannelli :\
Incolla il codice altrimenti è difficile aiutarti!
Domanda:
Hai guardato nella console javascript se ti da qualche errore?
EDIT:
Va siccome non avevo nulla da fare ho smanettato un po con il codice.CODICE<style>
/*CREDITI !!!NON RIMUOVERE!!! */
.jcredits a {color: #000; font-size: 9px !important; font-family: arial !important}
.jcredits {width: 800px; text-align:right; font-size: 9px !important; font-family: arial !important}
/*FINE CREDITI*/
/* --- JSLIDER BY SLASH' E .HENRY --- */
#jslider input {display: none}
#slide1:checked ~ #slides .content {margin-left: 0}
#slide2:checked ~ #slides .content {margin-left: -100%}
#slide3:checked ~ #slides .content {margin-left: -200%}
#slide4:checked ~ #slides .content {margin-left: -300%}
#slide5:checked ~ #slides .content {margin-left: -400%}
#slide6:checked ~ #slides .content {margin-left: -500%}
/* NUMERO PANNELLI X 100 = .content {width: ---%} */
#slides .content {width: 600%}
/* .content {width: ---%}: NUMERO PANNELLI= .article {width: ---%} */
#slides .article {width: 16%; float: left; margin: 15px;}
/* GIOCA SU QUESTI PER ALLINEARE I CONTROLLI */
#active {margin: 8% 0 0; text-align: center}
#controls {margin: -11% 0 0 0; width: 100%; height: 50px}
/* BASE */
#slider {text-align: center}
strong {font-weight: bold}
#overflow {width: 100%; overflow: hidden}
.article img {width: 100%}
#slider label, #slider a {color: teal; cursor: pointer; text-decoration: none}
#slider label:hover, #slider a:hover {color: #000 !important}
#slider * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
#jslider label, #active, #jslider img {-moz-user-select:none; -webkit-user-select:none}
.catch {display: block; height: 0; overflow: hidden}
#slider {margin: 0 auto}
#description {margin: 25px auto; text-align: left; max-width: 650px; padding: 0 25px}
.respond {margin: 0 auto; max-width: 370px}
/* STILI - CONROLLI */
#controls label {display: none; width: 100px; height: 50px; opacity: 0.3}
#active label {border-radius: 10px; display: inline-block; width: 15px; height: 15px; background: #EBEBEB; border: 2px solid #FFF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); margin-right: 5px}
#active label:hover {background: #CCC}
#controls label:hover {opacity: 0.8}
/*FRECCIA DX #DA AGGIUNGERE IN BASE AL NUMERO DI PANNELLI CHE ANDRETE A METTERE PER SPOSTARE LA FRECCIA MODIFICATE IL MARGIN*/
#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(6),
#slide6:checked ~ #controls label:nth-child(1) {background: url('http://img1.firenex.net/QcSNehPaDf81oqVZmmV8.png') no-repeat; float: right; margin: 0 -10px 0 0; display: block; height: 65px; width: 43px; background-position:center}
/*FRECCIA SX #DA AGGIUNGERE IN BASE AL NUMERO DI PANNELLI CHE ANDRETE A METTERE PER SPOSTARE LA FRECCIA MODIFICATE IL MARGIN*/
#slide1:checked ~ #controls label:nth-child(6),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4),
#slide6:checked ~ #controls label:nth-child(5) {background: url('http://img1.firenex.net/CiaNbi8TDR8GQsPZMUiL.png') no-repeat; float: left; margin: 0 0 0 -10px; display: block; height: 65px; width: 43px; background-position:center; text-align:right}
/*PALLINI IL BACKGROUND è IL COLORE DEL PALLINO ATTIVO, AGGIUNGETE UNA RIGA SE AGGIUNGETE I PANNELLI, TOGLIETE UNA RIGA SE DIMINUITE I PANNELLI E RICORDATE DI MODIFICARE IL NUMERO DI #SLIDE E NTH-CHILD*/
#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5),
#slide6:checked ~ #active label:nth-child(6) {background: #7D7D7D}
/* STILI - SLIDER */
#slides {border-radius: 5px; box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.3); padding: 1%; background: #EBEBEB; width: 800px; align:center}
/* ANIMAZIONE */
#slides .content {-webkit-transform: translatez(0); -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000)}
#controls label {-webkit-transform: translatez(0); -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; width: 5px; height: 5px; margin-right: 5px}
#slide1:checked ~ #slides article:nth-child(1) .info,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info,
#slide6:checked ~ #slides article:nth-child(6) .info {opacity: 1; -webkit-transition: all 1s ease-out 0.6s; -moz-transition: all 1s ease-out 0.6s; -o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s}
.info, #controls, #slides, #slider, #active, #active label, .info h3 {-webkit-transform: translatez(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out}
/* --- FINE --- */
</style>
Se incolli questo style e aggiungi nell'HTML i pezzi aggiuntivi diventano 6 slider.
Non è così facile da modificare come detto fra i commenti...
Edited by Xenomis - 15/10/2014, 22:02