Aiutino codice HTML Blogger

Visualizzazione Stampabile

06-10-06, 17:55
pipecat

Aiutino codice HTML Blogger

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/n.../Immagine2.jpg
06-10-06, 19:04
flashcream

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">

</style></head>

<body>
</body>
</html>

quanto al resto si usa javascript (onclick="window.open") ecco una guida: http://webdesign.html.it/articoli/le...anendo-validi/ e faccio prima senza dilungarmi :lol:
06-10-06, 20:01
pipecat

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.
06-10-06, 20:09
flashcream

è 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.
06-10-06, 21:08
pipecat

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:
06-10-06, 21:25
flashcream

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?
06-10-06, 21:51
pipecat

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.
07-10-06, 07:48
flashcream

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">

</script>
</head>

<body>
[img]IMMAGINE.jpg[/img]
</body>
</html>
07-10-06, 10:56
pipecat

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 :)