<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-916221112487047820</id><updated>2012-02-15T23:19:46.891-08:00</updated><title type='text'>Marcos (Bordes CSS) Sa5m</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://marcos-sa5m.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/916221112487047820/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://marcos-sa5m.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>●Sa5m●</name><uri>http://www.blogger.com/profile/01397185023425324006</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='15' src='http://1.bp.blogspot.com/_CUqSlJyk0EA/Si7SwZ1nhiI/AAAAAAAAADQ/OqsH6hZ222Q/s1600-R/AAAAAA.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>1</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-916221112487047820.post-3760368415417055001</id><published>2009-07-24T01:57:00.000-07:00</published><updated>2009-11-05T13:34:42.198-08:00</updated><title type='text'></title><content type='html'>&lt;div style="text-align: center;"&gt;&lt;span style=";font-family:verdana;font-size:130%;"  &gt;Hola :)&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:verdana;font-size:130%;"  &gt;Bienvenido A Esto que yo llamo..&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:verdana;font-size:130%;"  &gt;"Explicando los diferentes tipos de marcos que existen"&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:verdana;font-size:130%;"  &gt;(que nombre tan largo..xD)&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:verdana;font-size:130%;"  &gt;no deecho no lo llamo así.&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:verdana;font-size:130%;"  &gt;jeje, aqui les quisiera explicar mas o menos lo que son los "Bordes CSS"&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:verdana;font-size:130%;"  &gt;o lo que ustedes llaman bordes o marcos.&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:verdana;font-size:130%;"  &gt;(yo tenian que ponerle marcos a la pag para no revolverlos mas C=)&lt;/span&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=";font-family:verdana;font-size:130%;"  &gt;Bueno aqui vamos ;).&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style="text-align: center;"&gt;&lt;span style=";font-family:verdana;font-size:130%;"  &gt;&lt;p style="border: 5px solid rgb(255, 0, 90);"&gt;Tipos De Bordes&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;br /&gt;Como Creo que ya todos supongo savemos existen 8 tipos de "Bordes"&lt;br /&gt;(o al menos se yo que esos existen.) *aunque podemos agregar 9, ya que no se si recuerdan pero si a "dotted" lo ponemos con un volumen menor a 2,paresen cuadritos y no circulitos ;). Porfavor que quede claro que yo lo puse antes que nadie ^^".*&lt;br /&gt;Bueno, Esos 9 "bordes" son;&lt;br /&gt;&lt;p style="border: 5px dotted rgb(255, 0, 90);"&gt;Esto es Dotted --&gt;&lt;/p&gt;&lt;br /&gt;&lt;p style="border: 5px dashed rgb(255, 0, 90);"&gt;Esto es Dashed --&gt;&lt;/p&gt;&lt;br /&gt;&lt;p style="border: 5px solid rgb(255, 0, 90);"&gt;Esto es Solid --&gt;&lt;/p&gt;&lt;br /&gt;&lt;p style="border: 5px double rgb(255, 0, 90);"&gt;Esto es Double --&gt;&lt;/p&gt;&lt;br /&gt;&lt;p style="border: 5px groove rgb(255, 0, 90);"&gt;Esto es Groove --&gt;&lt;/p&gt;&lt;br /&gt;&lt;p style="border: 5px ridge rgb(255, 0, 90);"&gt;Esto es Ridge --&gt;&lt;/p&gt;&lt;br /&gt;&lt;p style="border: 5px inset rgb(255, 0, 90);"&gt;Esto es Inset --&gt;&lt;/p&gt;&lt;br /&gt;&lt;p style="border: 5px outset rgb(255, 0, 90);"&gt;Esto es Outset--&gt;&lt;/p&gt;&lt;br /&gt;&lt;p style="border: 2px dotted rgb(255, 0, 90);"&gt;El quq les enseñe..x)--&gt;&lt;/p&gt;&lt;br /&gt;Bueno ya que savemos cual es cual creo que puedo proseguir.&lt;br /&gt;Estos "Bordes"se pueden usar para diferentes cosas..&lt;br /&gt;como ya todos lo usamos...&lt;br /&gt;-Bordes de fotos o el Flodeo Entero..&lt;a href="http://i336.photobucket.com/albums/n322/Zanessa_Fan08/Sa5m/CIF.png" target="_blank"&gt;[Imagen]&lt;/a&gt;&lt;br /&gt;-En el Cuadro De Comentarios [&lt;a href="http://i336.photobucket.com/albums/n322/Zanessa_Fan08/Sa5m/Alrededores-2.jpg" target="_blank"&gt;Imagen&lt;/a&gt;]&lt;br /&gt;-En Los Comentarios [&lt;a href="http://i336.photobucket.com/albums/n322/Zanessa_Fan08/Sa5m/Alrededores-3.jpg" target="_blank"&gt;Imagen&lt;/a&gt;]&lt;br /&gt;-En el cuadrito para buscar Flodeos (¿saven cual no?)&lt;br /&gt;Yo creo en verdad que lo podriamos usar en textos.&lt;br /&gt;en imagenes con movimiento&lt;br /&gt;¡HASTA! alrededor de un video [lo intentare,y si es posible se lo traigo ;)]&lt;br /&gt;Enfin. Estos Se Pueden cambiar de diferente forma...&lt;br /&gt;para camviarlos seria exactamente donde dice..(en este ejemplo) "&lt;span style="font-style: italic;"&gt;solid&lt;/span&gt;"&lt;br /&gt;&lt;textarea rows="1" cols="65" name="txtm" onclick="this.focus();this.select()"&gt;&lt;style type="text/css"&gt;img{border: 10px #F21763 solid;}&lt;/style&gt; &lt;/textarea&gt;&lt;br /&gt;¿ya lo localizaste?&lt;br /&gt;Bueno ese lo camviariamos..que les parese a..¿&lt;span style="font-style: italic;"&gt;dotted&lt;/span&gt;?&lt;br /&gt;¿Si?,bueno nos quedaria asi...&lt;br /&gt;&lt;textarea rows="1" cols="65" name="txtm" onclick="this.focus();this.select()"&gt;&lt;style type="text/css"&gt;img{border: 10px #F21763 dotted;}&lt;/style&gt; &lt;/textarea&gt;&lt;br /&gt;y así se pueden ir modificando con los 8 estilos de Bordes CSS que existen ;).&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style="text-align: center;"&gt;&lt;span style=";font-family:verdana;font-size:130%;"  &gt;&lt;p style="border: 7px solid rgb(255, 0, 90);"&gt;Color&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;br /&gt;Ya que estamos aqui, porque no decirles para que sirve lo demas? :)&lt;br /&gt;Bueno ballamos con lo que es el "color"&lt;br /&gt;yo aquí lo manejo con colores hexadecimales (por Ejemplo: #F6F6F6)&lt;br /&gt;pero tambien se pueden utilizar los colores normales..&lt;br /&gt;(por Ejemplo:blue,green,red) ¡SOLO EN INGLES!&lt;br /&gt;yo le recomiendo los colores hexadecimales,&lt;br /&gt;por que tienen mas variación. pueden encontrar&lt;br /&gt;colores hexadecimales [&lt;a href="http://sa5m-coloreshtml.blogspot.com/" target="_blank"&gt;aquí&lt;/a&gt;] y [&lt;a href="http://www.colorpicker.com/" target="_blank"&gt;aquí&lt;/a&gt;]&lt;br /&gt;Bueno trabajaremos con &lt;/span&gt;&lt;span style="font-family:verdana;"&gt;colores hexadecimales ¿Ok? :)&lt;br /&gt;Tenemos este codigo&lt;br /&gt;&lt;textarea rows="1" cols="65" name="txtm" onclick="this.focus();this.select()"&gt;&lt;style type="text/css"&gt;img{border: 10px #FFFFFF dashed;}&lt;/style&gt; &lt;/textarea&gt;&lt;br /&gt;Por lo pronto aqui solamente modificaremos el color,&lt;br /&gt;*lo que es el "&lt;span style="font-style: italic;"&gt;tamaño&lt;/span&gt;" y el "&lt;span style="font-style: italic;"&gt;estilo&lt;/span&gt;" NO.*&lt;br /&gt;Deecho es muy facíl,&lt;br /&gt;Simplemente borramos "#FFFFFF" y ponemos otro..&lt;br /&gt;Emm.."#E558E0", Nos quedaría algo así..&lt;br /&gt;&lt;textarea rows="1" cols="65" name="txtm" onclick="this.focus();this.select()"&gt;&lt;style type="text/css"&gt;img{border: 10px #E558E0 dashed;}&lt;/style&gt; &lt;/textarea&gt;&lt;br /&gt;¡O SI! lo importantisimo de esto es que nunca olvides el "#" o si no no servira&lt;br /&gt;Y Sí lo quieres con el nombre del color quedaria así..&lt;br /&gt;&lt;textarea rows="1" cols="65" name="txtm" onclick="this.focus();this.select()"&gt;&lt;style type="text/css"&gt;img{border: 10px black dashed;}&lt;/style&gt; &lt;/textarea&gt;&lt;br /&gt;Jajaja, ¿Si o no que esta sencillito?&lt;br /&gt;*Con nombre NO LLEVA EL "#" ¿Ok? :)*&lt;br /&gt;Bueno ya para acabar:&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-family:verdana;"&gt;&lt;p style="border: 5px solid rgb(255, 0, 90);"&gt;&lt;span style="font-size:130%;"&gt;Tamaño&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;br /&gt;Les Dire como modificar el tamaño..&lt;br /&gt;Tenemos nuestro codigo aqui..&lt;br /&gt;&lt;textarea rows="1" cols="65" name="txtm" onclick="this.focus();this.select()"&gt;&lt;style type="text/css"&gt;img{border: 10px #E75BAA solid;}&lt;/style&gt; &lt;/textarea&gt;&lt;br /&gt;Modificaremos esto..&lt;br /&gt;&lt;span style="font-style: italic;"&gt;border: "10"px&lt;/span&gt;&lt;br /&gt;Nadamas el número ;)&lt;br /&gt;ya pues aqui como quieran..&lt;br /&gt;7,40,75...¡hasta 100!&lt;br /&gt;para que les miento,&lt;br /&gt;en realidad no se hasta que numero puede llegar.&lt;br /&gt;pero no creo que tengan la necesidad de 1,000 se veria feo =S&lt;br /&gt;Jeje, aquí esta uno modificado...&lt;br /&gt;&lt;textarea rows="1" cols="65" name="txtm" onclick="this.focus();this.select()"&gt;&lt;style type="text/css"&gt;img{border: 34px #E75BAA solid;}&lt;/style&gt; &lt;/textarea&gt;&lt;br /&gt;¡El "px" Es MUY importante!&lt;br /&gt;porque si no no te servira el codigo ;)&lt;br /&gt;&lt;br /&gt;MUCHAS Gracias por Dedicarle su Tiempo A Esto :)&lt;br /&gt;Se Les Que Es Servira Mucho C=&lt;br /&gt;¿Saven que es lo mas maravilloso de esto?&lt;br /&gt;Que en el momento en el que esto se lo sepan de memoria&lt;br /&gt;¡hasta podrian crear CODIGOS USTEDES MISMOS!&lt;br /&gt;Jejeje,Bueno me Despido,Arigato ^^ Sayonaraa.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style="text-align: right;"&gt;&lt;span style="color: rgb(255, 0, 90);font-family:verdana;font-size:130%;"  &gt;Atto;Sa5m Uchiha Kaulitz&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="font-family:verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: rgb(153, 153, 153);font-family:verdana;font-size:85%;"  &gt;PD:Gomeen si alguna&lt;br /&gt;que otra cosa de la&lt;br /&gt;pagina se ve mal :S&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/916221112487047820-3760368415417055001?l=marcos-sa5m.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://marcos-sa5m.blogspot.com/feeds/3760368415417055001/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://marcos-sa5m.blogspot.com/2009/07/blog-post.html#comment-form' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/916221112487047820/posts/default/3760368415417055001'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/916221112487047820/posts/default/3760368415417055001'/><link rel='alternate' type='text/html' href='http://marcos-sa5m.blogspot.com/2009/07/blog-post.html' title=''/><author><name>●Sa5m●</name><uri>http://www.blogger.com/profile/01397185023425324006</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='15' src='http://1.bp.blogspot.com/_CUqSlJyk0EA/Si7SwZ1nhiI/AAAAAAAAADQ/OqsH6hZ222Q/s1600-R/AAAAAA.jpg'/></author><thr:total>0</thr:total></entry></feed>
