PDA

Visualizza Versione Completa : Aiutino codice HTML Blogger



pipecat
06-10-06, 17:55
Ciao ragazzi, stò cercando di modificare il codice del mio blog, che tengo su blogger.com, dato che non ci capisco nulla di web, chiedo consiglio qui, sperando di trovare qualche anima pia, che riesca ad illuminarmi (che lecchino eh?) hehe avrei in mente diverse modifiche...questa per esempio..una volta cliccato sull'immagine, si apre una nuova pagina contenente l'illustrazione, è possibile da codice, cambiare lo sfondo di bianco, in qualsiasi altro colore?

http://i109.photobucket.com/albums/n65/pipecat/Immagine2.jpg

flashcream
06-10-06, 19:04
esempio di codice html per sfondo bianco:
background-color: #FFFFFF;

nero:
background-color: #000000;

rosso:
background-color: #FF0000;

e cosi via.... devi inserire il codice esadecimale (qui vedi i colori: http://www.dannydesign.it/tabella_colori.htm ) nel codice della tua pagina.

il codice di una pagina con sfondo nero creata per mostrarti dove è inserito:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>la mia pagina web</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
-->
</style></head>

<body>
</body>
</html>

quanto al resto si usa javascript (onclick="window.open") ecco una guida: http://webdesign.html.it/articoli/leggi/428/aprire-link-in-nuove-finestre-rimanendo-validi/ e faccio prima senza dilungarmi :lol:

pipecat
06-10-06, 20:01
Grazie, ora gli dò una letta.....ma come la rintraccio la stringa relativa alla pagina che voglio modificare? scusami se mi esprimo in maniera "grezza", ma di web non ne sò molto...devo beccare la stringa legata all'apertura delle immagini postate su una nuova finestra.

flashcream
06-10-06, 20:09
è quasi sicuramente un java script... come ho scritto sopra, ma non vedendo il codice completo è impossibile, per lo meno per quanto mi riguarda, darti un suggerimento.

pipecat
06-10-06, 21:08
Sò che stò per chiederti molto, se puoi dare un'occhiata al codice del mio blog, te ne sarò molto grato, il link lo trovi nel box sotto il post, assieme a quello di msn. Te lo chiedo, xchè io non saprei da dove partire :cry:

flashcream
06-10-06, 21:25
cliccando sulle immagini (ad esclusione della prima) si apre una nuova finestra, con l'immagine ingrandita (usa il javascript che ti dicevo sopra: onclick="window.open")

il tuo problema è farlo anche sulla prima? (che forse non hai uppato sul server al momento) o controllare l'apertura in altro modo? spiega bene.

che colore di sfondo vuoi?

pipecat
06-10-06, 21:51
Strano, a me si aprono nella stessa finestra...mmmh cmq a me interessa cambiare lo sfondo della pagina con l'immagine ingrandita, sostituire il bianco, avevo pensato ad un grigio scuro, tendente al nero.

flashcream
07-10-06, 07:48
adesso è un pò più chiaro... tu vuoi che la pagina che si apre abbia uno sfondo colorato.

si usa sempre java script (come scritto sopra e tra i tag <head>) MA la destinazione dovrà essere una pagina html (non un immagine più grande ovvero un file .jpg più grande).... solo una pagina html contiene infatti le istruzioni per il colore dello sfondo.

ecco a seguire un esempio, dove cliccando sull'immagine (un immagine di 258 x 348 denominata IMMAGINE) vado a aprire una nuova pagina (in html denominata NUOVAPAGINA) che contiene l'immagine ingrandita e le indicazioni del colore di sfondo, allienamento dell'immagine e quant'altro ecc. In particolare la nuova pagina avrà dimensioni 800x600 (se non metti nulla è una pagina dimensionata standard) e si chiamerà nomefinestra.

ma la NUOVAPAGINA con tutte le sue caratteristiche la devi creare con un editor html, nonchè caricarla sul server (in questo caso sulla stessa directory della pagina di partenza)..... spero di essermi spiegato.




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Documento senza titolo</title>
<script type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>

<body>
IMMAGINE.jpg
</body>
</html>

pipecat
07-10-06, 10:56
Graaaazie!! sei stato non gentile..di più :D ..però ora che ci penso, su blogger hai solamente la possibilità di modificare il codice del modello esistente, ma credo che nelle guida ci sia scritto, come caricare dall'esterno. Farò un pò di prove, eheh mica posso pretendere la "pappa" pronta :)