Tutorial para hacer tu blog más adaptable

junitro · 11 Dic 2013

Alguien sabe como hacerlo o un tutorial buscando en el señor google encontre Adapta tu plantilla al diseño "Responsive" - Mil Trucos Blogger

pero no entiendo mucho lo que dice

Emanuel Andrei · 11 Dic 2013

Hola junitro.

Que es exactamente lo que no entiendes?

alvins · 11 Dic 2013

Creo que con encontrar una theme que sea resposivo con eso basta no?.

junitro · 11 Dic 2013

EmiLL dijo:
Hola junitro.

Que es exactamente lo que no entiendes?

pues esto:

En lugar de especificar un valor en el parámetro width, para los elementos contenedores, empiezas a usar un valor de max-width. En lugar de height indica la min-height, para que las fuentes más grandes y los textos de varias líneas no superen los límites del contenedor

lo que puedo entender que hay que cambiar los parámetro de width por max-width:100px; y los height por min-height:100px;
pero exactamente no se donde cambiarlo o cuales cambiar :s

---------- Post agregado el 11-dic-2013 hora: 18:00 ----------

alvins dijo:
Creo que con encontrar una theme que sea resposivo con eso basta no?.

seria una opción pero tengo varias web con el mismo theme y llevan algunos años y no me gustaría cambiarlo

Emanuel Andrei · 11 Dic 2013

Es facil.

Hasta te lo dicen ellos:

El anterior codigo lo deberas pegar justo antes de ]]></b: skin>

El width y height estan entre " <b: skin> ... </b: skin> " que es la etiqueta de blogger para la plantilla de tu sitio.

Sin los espacios en las etiquetas. Los puse yo porque si no aparecen caritas raras :welcoming:

junitro · 11 Dic 2013

EmiLL dijo:
Es facil.

Hasta te lo dicen ellos:

El width y height estan entre " <b: skin> ... </b: skin> " que es la etiqueta de blogger para la plantilla de tu sitio.

Sin los espacios en las etiquetas. Los puse yo porque si no aparecen caritas raras :welcoming:

muchas gracias solo una duda mas, como identificar cuales width y height hay que cambiar porque hay varios dentro de <b: skin> </b: skin>

Don Gato · 11 Dic 2013

El tutorial que mencionas es del user Juvinao, quizá él también te pueda ayudar :encouragement:

junitro · 11 Dic 2013

Marcelord dijo:
El tutorial que mencionas es del user Juvinao, quizá él también te pueda ayudar :encouragement:

si me di cuenta después que hice la pregunta, espero me de una ayudita ya que horita estaba viendo el tema y no contesto

Juvinao · 11 Dic 2013

junitro dijo:
si me di cuenta después que hice la pregunta, espero me de una ayudita ya que horita estaba viendo el tema y
no contesto

Que necesitas amigo :encouragement:

junitro · 11 Dic 2013

Juvinao dijo:
Que necesitas amigo :encouragement:

amigo pasa que navegando por san google llegue a tu web y no encuentro donde poner el max-width y min-height

Insertar CODE, HTML o PHP:

<b:skin><![CDATA[
      
/*
-----------------------------------------------
Blogger Template Style
Name:  RedOnBlack
Author: Klodian
URL:    www.deluxetemplates.net
Date:   April 2012
License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#8F3110" value="#8F3110">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#000" value="#000000">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#333" value="#333333">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#8F3110" value="#8F3110">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 110% Arial, Serif" value="normal normal 110% Arial, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="bold 125%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="bold 125%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="bold 240% Droid Serif,Serif" value="bold 240% Droid Serif,Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="80% 'Droid Sans',Trebuchet,Arial,Verdana,Sans-serif" value="80% 'Droid Sans',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
body, .body-fauxcolumn-outer {
background: url("http://4.bp.blogspot.com/-Kd9FapFslIQ/UHHvjjLO4gI/AAAAAAAABdw/e1pBZI7R1zE/s1600/body.jpg") repeat scroll 0 0 transparent;
color: #333333;
font: small Georgia Serif;
margin: 0;
text-align: center;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #FC8901;
text-decoration: none;
}
#HTML123 h2 {
display: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
a img {
border-width: 0;
}
#header-wrapper {
height: 148px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
#header-inner {
height: 137px;
margin-left: auto;
margin-right: auto;
}
#header {
color: #FFFFFF;
text-align: left;
text-shadow: 0 1px 0 #000000;
}
#header h1 {
font: 325% lobster,arial;
letter-spacing: -1px;
margin: 0;
padding: 14px 40px 0 15px;
text-transform: none;
}
#header a {
color: #FFFFFF;
text-decoration: none;
}
#header a:hover {
color: #FFFFFF;
}
#header .description {
font: 114%/10px 'Shadows Into Light',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing: 0;
margin: -1px 0 0;
padding: 0 14px 0 16px;
text-transform: none;
}
#header img {
margin-left: 0;
margin-right: auto;
margin-top: 0;
}
#outer-wrapper {
font: 110% Arial,Serif;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
text-align: left;
width: 983px;
}
#outer-wrapper1 {
}
#main-wrapper {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
float: right;
margin-right: 3px;
margin-top: -4px;
overflow: hidden;
padding: 5px;
width: 534px;
word-wrap: break-word;
}
#sidebar-wrapper {
float: left;
margin-left: 4px;
margin-right: 0;
margin-top: -4px;
overflow: hidden;
width: 159px;
word-wrap: break-word;
}
#sidebar-wrapper2 {
float: right;
margin-right: 4px;
margin-top: -4px;
overflow: hidden;
width: 264px;
word-wrap: break-word;
}
h2 {
background: url("http://3.bp.blogspot.com/-YYWmgpgOAG0/UHHvtlc1IEI/AAAAAAAABeQ/OGKrtV5ofSA/s1600/h2.jpg") repeat-x scroll 0 0 transparent;
color: #FFFFFF;
font: bold 120%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
margin: 0;
padding: 6px 9px;
text-shadow: 0 1px 0 #000000;
text-transform: none;
}
h2.date-header {
font: 12px arial;
letter-spacing: 0;
margin: 0;
padding: 0;
text-transform: none;
}
.post {
margin: 0.5em 0 10px;
padding-bottom: 31px;
}
.post h3 {
color: #000000;
font-size: 170%;
font-weight: bold;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color: #000000;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h3 strong, .post h3 a:hover {
color: #333333;
}
.post-body {
line-height: 1.6em;
margin: 0 0 0.75em;
}
.post-body blockquote {
line-height: 1.3em;
}
.post-footer {
background: none repeat scroll 0 0 #EDEDED;
border: 3px double #FFFFFF;
color: #000000;
font: 90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing: 0;
margin-bottom: 0.75em;
margin-left: 0;
margin-top: 5px;
padding: 10px;
text-transform: none;
}
.comment-link {
margin-left: 0.6em;
}
.post img, table.tr-caption-container {
border: 1px solid #EEEEEE;
padding: 2px;
}
.tr-caption-container img {
border: medium none;
padding: 0;
}
.post blockquote {
font: italic 13px georgia;
margin: 1em 20px;
}
.post blockquote p {
margin: 0.75em 0;
}
#comments h4 {
color: #666666;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 1.4em;
margin: 1em 0;
text-transform: none;
}
#comments-block {
line-height: 1.6em;
margin: 1em 0 1.5em;
}
body#layout #main-wrapper {
margin-top: 0;
overflow: visible;
}
body#layout #sidebar-wrapper {
margin-top: 0;
overflow: visible;
}
#comments-block .comment-author {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #EEEEEE;
font-size: 15px;
font-weight: normal;
margin-right: 20px;
padding: 5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 #E8DEC4;
border-color: #E8DEC4;
border-style: solid;
border-width: 2px 1px 1px;
line-height: 16px;
padding: 5px;
}
#comments-block .comment-body {
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
margin-left: 0;
margin-right: 20px;
padding: 7px;
}
#comments-block .comment-footer {
border-bottom: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
font-size: 11px;
line-height: 1.4em;
margin: -0.25em 20px 2em 0;
padding: 5px;
text-transform: none;
}
#comments-block .comment-body p {
margin: 0 0 0.75em;
}
.deleted-comment {
color: gray;
font-style: italic;
}
#blog-pager-newer-link {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
padding: 7px;
}
#blog-pager-older-link {
background: url("http://1.bp.blogspot.com/-3lNtLBgMe24/TymBqycue0I/AAAAAAAAC8U/g5MEdEJoWVU/s1600/post.png") repeat-x scroll 0 1px transparent;
border: 1px solid #EEEEEE;
float: right;
padding: 7px;
}
#blog-pager {
margin: 25px 0 0;
overflow: hidden;
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
.sidebar {
color: #000000;
font-size: 90%;
line-height: 1.5em;
}
.sidebar2 {
color: #000000;
font-size: 90%;
line-height: 1.5em;
text-shadow: 0 1px 0 #FFFFFF;
}
.sidebar ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.sidebar li {
border-bottom: 1px dotted #DDDDDD;
line-height: 1.5em;
margin: 0;
padding: 2px;
}
.sidebar2 .widget, .main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.sidebar2 ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.sidebar2 li {
border-bottom: 1px dotted #EEEEEE;
line-height: 1.5em;
margin: 0;
padding: 2px;
}
.sidebar2 .widget, .main .widget {
margin: 0 0 6px;
padding: 0;
}
.main .Blog {
background: none repeat scroll 0 0 transparent;
border: medium none;
padding: 0;
}
.profile-img {
border: 1px solid #CCCCCC;
float: left;
margin: 0 5px 5px 0;
padding: 4px;
}
.profile-data {
color: #999999;
font: bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing: 0.1em;
margin: 0;
text-transform: uppercase;
}
.profile-datablock {
margin: 0.5em 0;
}
.profile-textblock {
line-height: 1.6em;
margin: 0.5em 0;
}
.profile-link {
font: 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing: 0.1em;
text-transform: uppercase;
}
#footer {
background: url("http://3.bp.blogspot.com/-kOdSHar2Rdk/UHHvwUVixII/AAAAAAAABec/ZEC28jvpaRA/s1600/FOOTER.jpg") no-repeat scroll center 0 transparent;
clear: both;
color: #000000;
font: 11px arial;
letter-spacing: 0;
margin: 0;
padding-bottom: 24px;
padding-top: 106px;
text-align: center;
text-transform: none;
width: 983px;
}
.feed-links {
display: none;
}
#Attribution1 {
display: none;
}
body#layout #footer {
display: none;
}
body#layout #addthis_toolbox {
display: none;
}
body#layout #crosscol-wrapper {
display: none;
}
body#layout #searchbox {
display: none;
}
.post-share-buttons {
}
#sidebar-wrapper2 .sidebar .widget {
background: url("http://4.bp.blogspot.com/-6J8CUtCBbec/ThHXMg86LaI/AAAAAAAAAVs/KIoQ7g5m_Rk/s1600/sidebar.png") no-repeat scroll right top #E5E9D5;
margin-bottom: 8px;
padding: 0;
}
#HTML111 h2 {
display: none;
}
#sidebar-wrapper2 .widget-content {
margin: 0;
padding: 11px;
}
#sidebar-wrapper .sidebar .widget {
margin-bottom: 5px;
margin-left: 0;
padding-bottom: 0;
}
#sidebar-wrapper .widget-content {
margin-left: 0;
margin-right: 0;
margin-top: 2px;
padding: 10px;
}
#footer-bg {
margin-top: auto;
}
.first-links {
font-size: 12px;
margin-bottom: -4px;
padding-left: 13px;
}
.second-links {
padding-left: 30px;
}
#footer a {
color: #000000;
}
#content-wrapper {
background: none repeat scroll 0 0 #FFFFFF;
margin: 0;
padding-top: 0;
}
#PageList1 {
height: 28px;
margin: 0 auto 0 5px;
padding-top: 26px;
width: 747px;
}
.PageList li a {
border-radius: 17px 17px 17px 17px;
color: #333333;
font: bold 13px arial,georgia;
margin-left: 0;
padding: 5px 11px 6px 10px;
text-transform: none;
}
.crosscol .PageList li, .footer .PageList li {
background: none repeat scroll 0 0 transparent;
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
}
.PageList li.selected a {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
text-decoration: none;
text-shadow: 0 1px 0 #000000;
}
.PageList li a:hover {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
text-decoration: none;
}
.searchbox {
-moz-background-inline-policy: continuous;
background: url("http://2.bp.blogspot.com/_Ax-O2ayi6kU/TUV8EMX-UTI/AAAAAAAABWE/sPzPhAKq9AY/s1600/search.png") no-repeat scroll 0 0 transparent;
display: block;
float: right;
height: 50px;
margin-right: 43px;
margin-top: -40px;
width: 249px;
}
.searchbox .textfield {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 transparent;
border: 0 none;
float: left;
height: 20px;
margin: 14px 1px 5px 25px;
width: 155px;
}
.searchbox .button {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
float: left;
height: 20px;
margin-left: 2px;
margin-top: 14px;
width: 35px;
}
h2.date-header {
background: url("http://2.bp.blogspot.com/_8GxSJXcDIwk/TBM41zdJRTI/AAAAAAAABp0/Y-bxfWbuf8s/s1600/1276328132_date.png") no-repeat scroll left -1px transparent;
border: medium none;
color: #333333;
font: 12px arial;
letter-spacing: 0;
margin: 0;
padding-left: 20px;
text-shadow: 0 1px 0 #FFFFFF;
text-transform: none;
}
.post-author {
background: url("http://3.bp.blogspot.com/_8GxSJXcDIwk/TBNBFo0rK-I/AAAAAAAABq8/VO_ATeuF6sM/s1600/aaa.png") no-repeat scroll 0 0 transparent;
padding-left: 20px;
}
.post-comment-link a {
background: url("http://2.bp.blogspot.com/_8GxSJXcDIwk/TBM6sX5_MNI/AAAAAAAABp8/2RwKjFNZjcQ/s1600/1276328597_comment.png") no-repeat scroll left center transparent;
padding-left: 20px;
}
.post-labels {
background: url("http://4.bp.blogspot.com/_8GxSJXcDIwk/TBNALDZe_0I/AAAAAAAABqk/cS_OBWXZEQs/s1600/1276330011_tags.png") no-repeat scroll left center transparent;
padding-left: 20px;
}
#wrapper1 {
}
#wrapper {
background: url("http://3.bp.blogspot.com/-qelXTlvumw4/UHHvnmj9PcI/AAAAAAAABd4/A3EG33HL40k/s1600/wrapper.jpg") no-repeat scroll center 0 transparent;
}
#content-but {
}
.col-left {
float: left;
width: 49%;
}
.col-right {
float: right;
width: 48%;
}
#HTML102 h2 {
display: none;
}
body#layout #ads-header {
float: right;
height: 60px;
margin-right: 20px;
margin-top: 0;
width: 300px;
}
body#layout #HTML102 {
float: right;
margin-right: 0;
width: 296px;
}
body#layout #Header1 {
float: left;
margin-left: 20px;
width: 600px;
}
body#layout #headertw {
display: none;
}
#headertw {
float: left;
height: 27px;
margin-left: 653px;
margin-top: -43px;
position: relative;
}
#headertw img {
margin-right: 5px;
padding: 0;
}
#searchbox {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 12px 12px 12px 12px;
float: right;
height: 23px;
margin-right: 15px;
margin-top: -30px;
width: 182px;
}
#searchbox .textfield {
-moz-background-inline-policy: continuous;
background: none repeat scroll 0 0 transparent;
border: 0 none;
float: left;
height: 18px;
margin: 2px 1px 2px 8px;
width: 140px;
}
#searchbox .button {
-moz-background-inline-policy: continuous;
background: url("http://2.bp.blogspot.com/-bc5XqZfTEqo/ThyjPB6DPsI/AAAAAAAAAbY/RO60uxY98Gg/s1600/searc.png") no-repeat scroll 0 4px transparent;
border: 0 none;
cursor: pointer;
float: left;
height: 23px;
margin-left: 2px;
margin-top: 0;
width: 23px;
}
#HTML102 h2 {
display: none;
}
body#layout #ads-header {
float: right;
height: 60px;
margin-right: 20px;
margin-top: -42px;
width: 268px;
}
body#layout #HTML102 {
float: right;
margin-right: 0;
width: 296px;
}
.text-h {
color: #FFFFFF;
display: none;
float: left;
font: bold 13px Arial;
margin-right: 10px;
margin-top: 5px;
text-transform: none;
}
#ads-header {
height: 60px;
margin-left: 511px;
margin-top: -115px;
width: 495px;
}
#newheader {
height: 38px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 6px;
width: 950px;
}
.crosscol .PageList UL, .footer .PageList UL {
list-style: none outside none;
margin: 0 auto 0 0;
padding: 0;
}
.post-footer a {
}
.date-outer {
margin-bottom: 5px;
}
#s3slider {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px double #CCCCCC;
height: 299px;
margin-bottom: 25px;
margin-top: 0;
overflow: hidden;
position: relative;
text-shadow: 0 1px 0 #000000;
width: 590px;
}
#HTML123 h2 {
display: none;
}
#s3sliderContent {
background: none repeat scroll 0 0 #FFFFFF;
height: 300px;
list-style: none outside none;
margin-left: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: -14px;
width: 590px;
}
.s3sliderImage {
float: left;
position: relative;
width: 590px;
}
.s3sliderImage span {
background-color: #000000;
color: #FFFFFF;
display: none;
font-size: 12px;
height: 300px;
line-height: 16px;
opacity: 0.7;
overflow: hidden;
padding: 10px 13px;
position: absolute;
right: 0;
top: 0;
width: 180px;
}
.s3sliderImage strong a {
color: #FFFFFF;
font-family: 'Myriad Pro',Helvetica,Arial,Sans-Serif;
font-size: 20px;
}
.s3sliderImage strong a:hover {
color: #FFFFFF;
}
#HTML101 h2 {
display: none;
}
.sidebar a {
color: #000000;
}
#wrapper-bg {
background: url("http://3.bp.blogspot.com/-W2YzvD5P-zY/UHHvrItX6-I/AAAAAAAABeE/Hdz33efvDSA/s1600/wrapper-bg.jpg") no-repeat scroll center 132px transparent;
}
#Label1 h2 {
display: none;
}
.second-row h2 {
display: none;
}
.second-row a {
color: #FFFFFF;
}
.second-row {
height: 56px;
margin: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
text-transform: none;
}
.second-row li {
background: url("http://4.bp.blogspot.com/-5xL2WHUhKdQ/TzA3cZ84YhI/AAAAAAAADoI/ZAG5Hs-DQmk/s1600/menu.png") no-repeat scroll right center transparent;
color: #FFFFFF;
float: left;
font: bold 12px Arial;
margin: 0;
padding: 25px 15px 25px 8px;
text-shadow: 0 1px #333333;
text-transform: uppercase;
}
.second-row ul {
float: left;
list-style: none outside none;
margin-bottom: 0;
margin-left: 0;
margin-top: 0;
padding: 0;
width: 1000px;
}
#top-social-profiles {
}
#top-social-profiles img {
margin: 0 6px 0 0 !important;
}
#top-social-profiles img:hover {
opacity: 0.8;
}
#top-social-profiles .widget-container {
background: none repeat scroll 0 0 transparent;
border: 0 none;
padding: 0;
}
.fp-slider {
height: 332px;
margin: 0 0 15px;
overflow: hidden;
padding: 0;
position: relative;
width: 615px;
}
.fp-slides-container {
}
.fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav {
width: 534px;
}
.fp-slides, .fp-thumbnail {
height: 300px;
overflow: hidden;
position: relative;
}
.fp-title {
color: #FFFFFF;
font: bold 18px Arial,Helvetica,Sans-serif;
margin: 0;
padding: 0 0 2px;
text-shadow: 0 1px 0 #000000;
}
.fp-title a, .fp-title a:hover {
color: #FFFFFF;
text-decoration: none;
}
.fp-content {
background: none repeat scroll 0 0 #111111;
bottom: 0;
left: 0;
opacity: 0.7;
overflow: hidden;
padding: 10px 15px;
position: absolute;
right: 0;
}
.fp-content p {
color: #FFFFFF;
line-height: 18px;
margin: 0;
padding: 0;
text-shadow: 0 1px 0 #000000;
}
.fp-more, .fp-more:hover {
color: #FFFFFF;
font-weight: bold;
}
.fp-nav {
background: none repeat scroll 0 0 #747171;
height: 12px;
padding: 10px 0;
text-align: center;
}
.fp-pager a {
background-image: url("http://3.bp.blogspot.com/-hBeI2lhql8M/Txlpd_-5d1I/AAAAAAAACsw/2JC6VfjeZto/s1600/featured-pager.png");
background-position: 0 0;
cursor: pointer;
display: inline-block;
float: none;
height: 12px;
line-height: 1;
margin: 0 8px 0 0;
opacity: 0.7;
overflow: hidden;
padding: 0;
text-indent: -999px;
width: 12px;
}
.fp-pager a:hover, .fp-pager a.activeSlide {
background-position: 0 -112px;
opacity: 1;
text-decoration: none;
}
.fp-prev-next-wrap {
position: relative;
z-index: 200;
}
.fp-prev-next {
bottom: 130px;
height: 37px;
left: 0;
position: absolute;
right: 0;
}
.fp-prev {
background: url("http://3.bp.blogspot.com/-drQqpof-22I/Txlpet311AI/AAAAAAAACs4/FdLW2mogGoE/s1600/featured-prev.png") no-repeat scroll left top transparent;
float: left;
height: 37px;
margin-left: 14px;
margin-top: -180px;
opacity: 0.6;
width: 37px;
}
.fp-prev:hover {
opacity: 0.8;
}
.fp-next {
background: url("http://4.bp.blogspot.com/-gnHwusQagpI/TxlpcmmneoI/AAAAAAAACso/oN6AOjIx9xI/s1600/featured-next.png") no-repeat scroll right top transparent;
float: right;
height: 37px;
margin-right: 14px;
margin-top: -180px;
opacity: 0.6;
width: 36px;
}
.fp-next:hover {
opacity: 0.8;
}
div.jump-link {
background: url("http://1.bp.blogspot.com/-3lNtLBgMe24/TymBqycue0I/AAAAAAAAC8U/g5MEdEJoWVU/s1600/post.png") repeat-x scroll 0 1px transparent;
border: 1px solid #EEEEEE;
font-size: 12px;
margin-left: 438px;
padding: 10px;
img {
  max-width: 100%;
}
]]></b:skin>

junitro · 15 Dic 2013

alguien que me de la mano ?