html css

bios37

Nuovo Utente
25 Gen 2015
12
0
0
salve a tutt io volevo chiederevi come posso utilizzare html per creare il cartello stradale del percorso pedonale come pagina web ?
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#p1 {
	background-image: url(p1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 399px;
	width: 590px;
	border: rgba(0,0,0,1.00) double 5px;
}
</style>
</head>

<body>
<div id="p1">
      <img src="p2.png" width="590" height="399" alt=""/>
</div>
</body>
</html>
p1.png
p2.png
 

bios37

Nuovo Utente
25 Gen 2015
12
0
0
grazie per aver risposto in modo perfetto ultima cosa come mettere al centro l omino bianco
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Il codice che ti ho dato mette già al centro l'omino bianco!
Scarica tutte e due le immagini e vedrai che funziona. Una è il cerchio blu p1.jpg l'altra è sotto p2.jpg, non si vede perchè l'omino è bianco come lo sfondo, ma se fai click con il destro e scegli salva immagine lo vedrai
 

bios37

Nuovo Utente
25 Gen 2015
12
0
0
CIAO dinuovo sotto il cartello devo inserire un div (passaggio pedonale ) con bordo blu in time italico:byebye:
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#p1 {
	background-image: url(p1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 399px;
	width: 590px;
	border: rgba(0,0,0,1.00) double 5px;
}
#p2 {
	background-image: url(p3.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 590px;
	width: 590px;
}
</style>
</head>

<body>
<div id="p1">
      <img src="p2.png" width="590" height="399" alt=""/>
</div>
<br /><br />
<div id="p2">
      <img src="p4.png" width="590" height="590" alt=""/>
</div>
</body>
</html>
p4.png
p3.png
 

bios37

Nuovo Utente
25 Gen 2015
12
0
0
nonn intendevo un altro cartello ma solo un rettangolo blu con all interno la scritta passaggio pedonale grazie e scusa per il disturbo
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#p1 {
	background-image: url(p1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 399px;
	width: 590px;
	border: rgba(0,0,0,1.00) double 5px;
}
#p2 {
	font-family: "Times New Roman";
	font-size: 48px;
	font-weight: bold;
	color: rgba(255,255,255,1);
	background-color: rgba(0,5,255,1);
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 65px;
	width: 600px;
}
</style>
</head>

<body>
<div id="p1">
      <img src="p2.png" width="590" height="399" alt=""/>
</div>
<div id="p2">Passaggio Pedonale</div>

</body>
</html>
 

bios37

Nuovo Utente
25 Gen 2015
12
0
0
ciao volevo chiederti, ho creato dei tasti per rimpicciolire cambiare colore e ruotare il cartello pero uno so come programmare le funzioni per farlo funzionare e soprattutto dove inserirle mi aiuteresti??
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Questa è una cosa già più complicata perchè viene coinvolto anche Javascript e grafica per le immagini ma sopratutto il codice che ti ho dato va modificato dovendo usare immagini diverse.

Ma perchè fare tali operazioni su un segnale stradale?
 

bios37

Nuovo Utente
25 Gen 2015
12
0
0
è la seconda parte del esercizio affidatoci io sono riuscita a programmare in javascript queste funzioni ma non so dove devo inserirle al interno del codice ? e inoltre dove inserire le immagini nelle funzioni?

BIANCONERO
<img class="foto" src="biancoNero.jpg" id="foto" onMouseOver=caricaColore(); onMouseOut=caricaBiancoNero();>
RUOTA
function rotate(angolo, direzione)
{
if(direzione == "sinistra")
$('#image').rotateLeft(parseInt(angolo));
else
$('#image').rotateRight(parseInt(angolo));
}
</script>
MI puoi aiutare???:fonzie:
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
MI puoi aiutare???:fonzie:
... Con quel codice No! Perchè è incompleto e non adatto a essere usato con dei pulsanti.

Poi bisogna avere sotto occhio tutta la pagina e relativi scrpt. Non si può fare le cose a pezzi in questo modo, prima i cartelli poi la barra ora i pulsanti, una pagina deve essere sviluppata tutta insieme uniformemente.

Per ruotare basta usare i CSS3.
Per cambiare l'immagine dal colore al bianco&nero e viceversa basta una semplice istruzione javascript document.getElementById("id").

Vedi un po' se riesci a fare qualche cosa! L'esercizio dovresti farlo tu non io!
Poi scusa la domanda ma chi è che da esercizi così ....
 
Discussioni simili
Autore Titolo Forum Risposte Data
L problema collegamento file css con html HTML e CSS 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
M Problematica CSS (tag html,body) HTML e CSS 4
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
D How to learn HTML and CSS? HTML e CSS 2
I [HTML/CSS] Consigli sul mio primo sito HTML e CSS 9
C 3 Bug CSS AND HTML: Overlay-Banner-Menu HTML e CSS 0
C 3 BUG CSS AND HTML: OVERLAY - BANNER- MENU HTML e CSS 0
xone [Vendo] Landing Page in html css bootstrap responsive Compravendita siti e domini 0
utente importare css da pagina html HTML e CSS 1
webmachine [HTML][CSS] Video Youtube Responsive, centrato orizzontalmente HTML e CSS 1
xone Realizzo landing page in html css responsive Offerte e Richieste di Lavoro e/o Collaborazione 0
nab23 Inserire 'share bottons' in un sito html/css HTML e CSS 7
A [HTML+CSS] footer che si aggiorna da un file esterno HTML e CSS 22
xone [Vendo] Siti web html+css+responsive creati da zero Offerte e Richieste di Lavoro e/o Collaborazione 0
ilsuomillennio mobile site in html/css HTML e CSS 4
utente Css esterno da pagina html HTML e CSS 5
I Libro HTML[5] e CSS[3] HTML e CSS 1
M Editor di testo HTML/CSS HTML e CSS 7
S cosa imparo dopo HTML e CSS? HTML e CSS 10
V Titoli dei paragrafi Html e Css HTML e CSS 3
V Consiglio su testo Html e Css HTML e CSS 3
A Dubbi con form fatto in html e css HTML e CSS 7
J Interfaccia per un gioco in HTML/CSS/JQ HTML e CSS 0
S sito html+css+js in locale su android HTML e CSS 2
B html css HTML e CSS 2
R CSS in html HTML e CSS 2
Akari Honoka html+css box posizione HTML e CSS 1
G Realizzazione siti web responsive con css e html HTML e CSS 3
Devil-94 Layout html css HTML e CSS 1
D Problema collegamento file css con html HTML e CSS 4
I Pubblicare un sito realizzato con html, css e javascript Webdesign e Grafica 13
A html e css problemi con explorer 8 HTML e CSS 0
P CSS e HTML HTML e CSS 24
P html css HTML e CSS 6
8 Css inline o html? HTML e CSS 4
8 contenitore css e html HTML e CSS 9
8 Provare con HTML e CSS HTML e CSS 9
giamma tool o applicazione per html css HTML e CSS 0
A Html e css non riesco a capire l'errore HTML e CSS 13
V integrare php/mysql con pagine html/css PHP 7
P html e css per sito di volontariato HTML e CSS 3
Y corrispondenza misure portando un layout da photoshop in html/css Photoshop 0
F Da Psd ad Html / Css HTML e CSS 2
E implementazione CSS in HTML HTML e CSS 6
M css html problema con explorer help HTML e CSS 0
L Programmatore Web (PHP/MySQL/HTML/CSS/Javascript) Retribuzioni Ridotte Offerte e Richieste di Lavoro e/o Collaborazione 1
F Da php a html/css PHP 1
Monital script per modifica css con tabella colori html PHP 6

Discussioni simili