tutorial semplice per inserire una piccola foto rotonda nella presentazione

tutorial per inserire una piccola foto rotonda nella vostra presentazione di stardoll,
qui sotto ci sono degli esempi già pronti, ma potete fare dei cambianti,
però prima di tutto vi spiego come inserire un'altra immagine (non la mia):
- fate questo prima di mettere tutto il codice html nella vostra presentazione -
se volete potete fare le modifiche del codice html usando il box sotto l'immagine,
come fosse una lavagna :
iniziamo:
- CAMBIARE LA FOTO -
andate in album, poi selezionate foto, scegliete un'immagine, cliccate sull'immagine con il mouse,
tasto destro e selezionate "copia url immagine" poi mettete il codice al posto della scritta in rosso,
cliccando con il tasto destro del mouse su "incolla"
importante: le immagini da scegliere sono quelle nuove, che sono quadrate.
passiamo alla cornice:
- CAMBIARE DIMENSIONE CORNICE -
potete variare la grossezza della cornice, dove vedete la scritta "border: 2px" , cambiate il numero
che vedete in verde, dove 1 la cornice è fina e più il numero è alto, più è grossa.
- CAMBIARE COLORE CORNICE -
per avere un colore diverso della cornice dovete cambiare il numero in azzurro, dopo questo
simbolo "#" più in basso trovate un pò di colori e il relativo codice html
- CAMBIARE LA DIMENSIONE DELLA FOTO -
per ingrandire o rimpicciolire l'intero cerchio con la vostra foto,
dovete variare dove vedete la scritta "width: 150px", per aumentare la foto mettete
al massimo 174px, mentre invece potete farla più piccola quanto volete (anche 40px per esempio,
ma viene davvero piccola) in pratica quindi variate il numero che vedete di colore fucsia (max 174)

- fine...ora che avete cambiato il vostro codice, lo potete inserire dove volete la vostra foto -

<img style="width: 150px; border: 2px dotted #000000; opacity: 0.8; border-radius: 90px;" src="http://www.sdcdn.com/camera/323/862/323862123.jpg" alt=""></span>

usate questo spazio come lavagna se volete, inserite l'intero codice qui e poi fate le vostre variazioni ^.^

<img style="width: 150px; border: 2px dashed #000000; opacity: 0.8; border-radius: 90px;" src="http://www.sdcdn.com/camera/323/862/323862123.jpg" alt=""></span>

usate questo spazio come lavagna, inserite l'intero codice qui e poi fate le vostre variazioni se volete ^.^

<img style="width: 150px; border: 4px double #000000; opacity: 0.8; border-radius: 90px;" src="http://www.sdcdn.com/camera/323/862/323862123.jpg" alt=""></span>

usate questo spazio come lavagna se volete, inserite l'intero codice qui e poi fate le vostre variazioni ^.^

<img style="width: 150px; border: 1px solid #000000; opacity: 0.8; border-radius: 90px;" src="http://www.sdcdn.com/camera/323/862/323862123.jpg" alt=""></span>

usate questo spazio come lavagna se volete, inserite l'intero codice qui e poi fate le vostre variazioni ^.^

	"#A0CE00"	"ALICEBLUE"		"#FAEBD7"	"ANTIQUEWHITE"
	"#00FFFF"	"AQUA"		"#7FFFD4"	"AQUAMARINE"
	"#F0FFFF"	"AZURE"		"#F5F5DC"	"BEIGE"
	"#FFE4C4"	"BISQUE"		"#000000"	"BLACK"
	"#FFEBCD"	"BLANCHEDALMOND"		"#0000FF"	"BLUE"
	"#8A2BE2"	"BLUEVIOLET"		"#A52A2A"	"BROWN"
	"#DEB887"	"BURLYWOOD"		"#5F9EA0"	"CADETBLUE"
	"#7FFF00"	"CHARTREUSE"		"#D2691E"	"CHOCOLATE"
	"#FF7F50"	"CORAL"		"#6495ED"	"CORNFLOWERBLUE"
	"#FFF8DC"	"CORNSILK"		"#DC143C"	"CRIMSON"
	"#00FFFF"	"CYAN"		"#00008B"	"DARKBLUE"
	"#483D8B"	"DARKSLATEBLUE"		"##008B8B"	"DARKCYAN"
	"#B8860B"	"DARKGOLDENROD"		"#A9A9A9"	"DARKGRAY"
	"#FF1493"	"DEEPPINK"		"#00BFFF"	"DEEPSKYBLUE"
	"##696969"	"DIMGRAY"		"#1E90FF"	"DODGERBLUE"
	"#822222"	"FIREBRICK"		"#FFFAF0"	"FLORALWHITE"
	"#228B22"	"FORESTGREEN"		"#FF00FF"	"FUCHSIA"
	"#DCDCDC"	"GAINSBORO"		"#F8F8FF"	"GHOSTWHITE"
	"#FFD700"	"GOLD"		"#DAA520"	"GOLDENROD"
	"#808080"	"GRAY"		"#008800"	"GREEN"
	"#ADFF2F"	"GREENYELLOW"		"#F0FFF0"	"HONEYDEW"
	"#FF69B4"	"HOTPINK"		"#CD5C5C"	"INDIANRED"
	"#4B0082"	"INDIGO"		"#FFFFF0"	"IVORY"
	"#F0E68C"	"KHAKY"		"#E6E6FA"	"LAVENDER"
	"#FFF0F5"	"LAVENDERBLUSH"		"#FFFACD"	"LEMONCHIFFON"
	"#ADD8E6"	"LIGHTBLUE"		"#F08080"	"LIGHTCORAL"
	"#E0FFFF"	"LIGHTCYAN"		"#FAFAD2"	"LIGHTGOLDENRODYELLOW"
	"#90EE90"	"LIGHTGREEN"		"#D3D3D3"	"LIGHTGRAY"
	"#FFB6C1"	"LIGHTPINK"		"#FFA07A"	"LIGHTSALMON"
	"#20B2AA"	"LIGHTSEAGREEN"		"#87CEFA"	"LIGHTSKYBLUE"
	"#778899"	"LIGHTSLATEGRAY"		"#B0C4DE"	"LIGHTSTEELBLUE"
	"#FFFFE0"	"LIGHTYELLOW"		"#00FF00"	"LIME"
	"#32CD32"	"LIMEGREEN"		"#FAF0E6"	"LINEN"
	"#FF00FF"	"MAGENTA"		"#800000"	"MAROON"
	"#66CDAA"	"MEDIUMAQUAMARINE"		"#0000CD"	"MEDIUMBLUE"
	"#BA55D3"	"MEDIUMMORCHID"		"#9370DB"	"MEDIUMPURPLE"
	"#3CB371"	"MEDIUMSEAGREEN"		"#7B68EE"	"MEDIUMSLATEBLUE"
	"#00FA9A"	"MEDIUMSPRINGGREEN"		"#48D1CC"	"MEDIUMTORQUOISE"
	"#C71585"	"MEDIUMVIOLETRED"		"#191970"	"MIDNIGHTBLUE"
	"#F5FFFA"	"MINTCREAM"		"#FFE4E1"	"MISTYROSE"
	"#FFDEAD"	"NAVAJOWHITE"		"#000080"	"NAVY"
	"#FDF5E6"	"OLDLACE"		"#808000"	"OLIVE"
	"#6B8E23"	"OLIVEDRAB"		"#FFA500"	"ORANGE"
	"#FF4500"	"ORANGERED"		"#DA70D6"	"ORCHID"
	"#EEE8AA"	"PALEGOLDENROD"		"#98FB98"	"PALEGREEN"
	"#AFEEEE"	"PALETURQUOISE"		"#DB7093"	"PALEVIOLETRED"
	"#FFEFD5"	"PAPAYAWHIP"		"#FFDAB9"	"PEACHPUFF"
	"#CD853F"	"PERU"		"#FFC0CB"	"PINK"
	"#DDA0DD"	"PLUM"		"#B0E0E6"	"POWDERBLUE"
	"#800080"	"PURPLE"		"#FF0000"	"RED"
	"#BC8F8F"	"ROSYBROWN"		"#4169E1"	"ROYALBLUE"
	"#8B4513"	"SADDLEBROWN"		"#FA8072"	"SALMON"
	"#F4A460"	"SANDYBROWN"		"#2E8B57"	"SEAGREEN"
	"#FFF5EE"	"SEASHELL"		"#A0522D"	"SIENNA"
	"#C0C0C0"	"SILVER"		"#87CEEB"	"SKYBLUE"
	"#6A5ACD"	"SLATEBLUE"		"#708090"	"SLATEGRAY"
	"#FFFAFA"	"SNOW"		"#00FF7F"	"SPRINGGREEN"
	"#468284"	"STEELBLUE"		"#D2B48C"	"TAN"
	"#008080"	"TEAL"		"#D8BFD8"	"THISTLE"
	"#FF6347"	"TOMATO"		"#40E0D0"	"TURQUOISE"
	"#EE82EE"	"VIOLET"		"#F5DEB3"	"WHEAT"
	"#FFFFFF"	"WHITE"		"#F5F5F5"	"WHITESMOKE"
	"#FFFF00"	"YELLOW"		"#9ACD32"	"YELLOWGREEN"

ci sono tantissimi siti dove potete trovare i colori con i codici html,
io li ho presi qui: riemann.unica.it/studenti/guida/colori.html

post by PamiFashionPink