sabato 1 marzo 2014

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>


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


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


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



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





video tutorial per imparare a cambiare la trasparenza delle foto nella vostra presentazione di stardoll

video tutorial per imparare a cambiare la trasparenza delle foto nella vostra presentazione di stardoll :)




post by PamiFashionPink


video tutorial per ingrandire le scritte nella vostra presentazione di stardoll

video tutorial per imparare a ingrandire le scritte nella vostra presentazione di stardoll :)



post by PamiFashionPink