-
|peera|.
User deleted
salve a tutti,
volevo chiedervi se c'era un modo per far si che questa specie di spoiler sia già aperto quando si carica la pagina.CODICE<html dir="ltr" lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tutorial Overlay</title>
<script src="http://imbclandevelop.altervista.org/membro del mese/overlay_tutorial/js/head.min.js"></script>
<script>
head.js("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=3.2.1").js("http://imbclandevelop.altervista.org/membro del mese/overlay_tutorial/js/jquery.custom.js").js("http://imbclandevelop.altervista.org/membro del mese/overlay_tutorial/js/jquery-ui-1.8.5.custom.min.js?ver=3.2.1")
</script>
<style type="text/css">
.asdasd {
}
/*----------------------*/
/* Reset CSS */
/*----------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
a {
color:#9cff00;
font-weight:800;
text-decoration:none;
}
a:hover {
color:#d4ff8f;
font-weight:800;
text-decoration:none;
}
#overlay {
padding: 25px 0 10px 0;
position: relative;
z-index: 100;
display: none;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
background: #343434;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
width: 800px;
margin: auto;
}
#overlay a {
border: none !important;
}
#overlay a:hover {
color: #d4ff8f;
}
#overlay-trigger {
width: 100px;
height: 30px;
float: right;
margin: 10px 0 0 0;
text-align:center;
}
#overlay-trigger a {
display: block;
height: 30px;
width:100px;
background:#343434;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
margin-left: -400px;
background-repeat: no-repeat;
font-family:titilliumText25L;
color:#9cff00;
font-weight:800;
text-decoration:none;
padding-top: 7px;
position:absolute
}
#overlay-trigger a:hover {
display: block;
height: 30px;
width:100px;
background:#343434;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
margin-left: -400px;
background-repeat: no-repeat;
font-family:titilliumText25L;
color:#d4ff8f;
font-weight:800;
text-decoration:none;
}
#overlay-trigger a.active {
background-position: -32px 0;
}
#overlay .entry-content {
width: 800px;
margin: 0 auto;
float: none;
color: #d4ff8f;
padding-bottom: 15px;
}
#overlay blockquote {
color: #cccfd5;
}
.membromese {
width:300px;
height:122px;
background:#222;
border-radius:5px;
border-top:1px solid #41414;
margin-left:20px;
}
.img1 {
margin-left:5px;
padding-top:5px;
}
#slide {
margin-top:-80px;
margin-left:450px;
}
</style>
</head>
<body>
<div id="overlay">
<div class="entry-content">
<div class="membromese"><p><div class="img1"><img name="membro del mese" src="urlimm" alt="" style="float:left" /></p>
<p><font style="font-family:titilliumText25L; color:#d4ff8f; font-size:14px; "><b>Golden Members del mese</font>:<br> <a href="http://blackdeathclan.forumcommunity.net/?act=Profile&MID=8127222" target="_parent">Oops</a> e <a href="http://blackdeathclan.forumcommunity.net/?act=Profile&MID=8030816">Sicilyman90</a></b><br><br><font size="-2">Affiliati<br>
<marquee </font> </p></div><div id="slide"><iframe width="300" height="170" src="http://www.extremestyle.org/public/slide/demo/demo.html" style="border:0;outline:0" frameborder="0" scrolling="no"></iframe> </div></div>
</div>
<div id="overlay-trigger"><a href="#">Open/Close</a></div>
</div><br>
</body>
</html>
il codice è aggiunto nel forum grazie ad un iframe; io vorrei che questo spoiler si mostri aperto subito, e si possa chiudere se se ne a voglia.
ecco il link del forum dove è inserito l'iframe:
http://blackdeathclan.forumcommunity.net/
ecco la pagina dove c'è il codice:
www.extremestyle.org/public/overlay/
. -
.
scusami la domanda, ma il senso qual è? Lo spoiler serve appositamente per evitare di leggere qualcosa che rovinerebbe una sorpresa, quindi uno spoiler aperto che poi bisogna chiudere è del tutto inutile... . -
|peera|.
User deleted
come ho detto è una specie di spoiler
in realtà è un codice che ho nella home per far si che l'utente possa chiudere o aprire questa "scheda" cliccando sul bottone "Open/Close"... non è uno spoiler vero e proprio.. usa solo il "principio" dello spoiler. -
.
non posso esserne sicuro al 100%
in teoria quando si utilizza uno script del genere ci sono le guide nella pagina stessa su come modificare i vari campi secondo le esigenze...
comunque dovresti risolvere agendo sul jquery custom.js modificando:al posto di close metti openCODICEvar overlayState = 'close';
. -
|peera|.
User deleted
l'avevo già provato ma non dava alcun risultato =/ adesso sto provando a lavorare sull' "active" cercando qualche guida su come settare un link Active di default all'apertura della pagina... . -
|peera|.
User deleted
apposto... sono riuscito a risolvere facendo delle modifiche sul jquery.custom.js
grazie di tutto ^^
potete chiudere.
apertura spoiler |
