[SOLUCIONADO] Mover Barra Lateral

[GardBeat]

Buenas tardes.

El motivo de mi consulta es como puedo mover unos cuantos centrímetros más (en este caso a la derecha), una barra lateral (sidebar.php) que tengo creada en la web.

Quedo a la espera, ya que no se en que archivo debo dirigirme dentro del theme que uso (_tk).

Gracias!

[ArturoGallegos]

Dirígete a tu hoja de estilos y modifica la clase o ID que afecte a dicha sección.

A una información tan general lo mas que te puedo ayudar es con eso.

[GardBeat]

Iniciado por ArturoGallegos

Dirígete a tu hoja de estilos y modifica la clase o ID que afecte a dicha sección.

A una información tan general lo mas que te puedo ayudar es con eso.

Hola.

Me he ido a la hoja de stilos y no encuentro nada entorno a esta barra.

El theme que uso es el _tk.

Te paso la demo: https://themekraft.com/tk-wordpress-...starter-theme/

Quedo a la espera de su respuesta..

[ArturoGallegos]

Amigo por favor sirvete utilizar mas a menudo las herramientas de desarrollo que proporcionan los navegadores, tanto IE, Chrome asi como firefox tienen herramientas para examinar el código fuente.

si lo revisas te darás cuenta que te indica que clases afectan dicho elemento, la hoja de estilos donde se encuentra así como la linea exacta.

para tu caso aplica esto -> sidebar col-sm-12 col-md-4

col-sm y col-md es de boostrap y sidebar no existe pero puedes declararla en el archivo de tu conveniencia.

[GardBeat]

Iniciado por ArturoGallegos

Amigo por favor sirvete utilizar mas a menudo las herramientas de desarrollo que proporcionan los navegadores, tanto IE, Chrome asi como firefox tienen herramientas para examinar el código fuente.

si lo revisas te darás cuenta que te indica que clases afectan dicho elemento, la hoja de estilos donde se encuentra así como la linea exacta.

para tu caso aplica esto -> sidebar col-sm-12 col-md-4

col-sm y col-md es de boostrap y sidebar no existe pero puedes declararla en el archivo de tu conveniencia.

He seguido sus pasos y he modificado las líneas de styles/rightSidebar.css

Pero no cambia nada, por ello, lanzaba la pregunta, ya que no está vinculado este css a la barra lateral.

Quedo a la espera, muy amable de antemano..

[ArturoGallegos]

Preguntas

¿porque modificaste el archivo rightSidebar.css? ¿has probado lo que te indique? ¿que lineas has modificado (que tenían y que has puesto)?

así como que muy adivinos no somos y no nos gusta jugar a eso, las facultades adivinatorias andan muy escasas últimamente.

[GardBeat]

Iniciado por ArturoGallegos

Preguntas

¿porque modificaste el archivo rightSidebar.css? ¿has probado lo que te indique? ¿que lineas has modificado (que tenían y que has puesto)?

así como que muy adivinos no somos y no nos gusta jugar a eso, las facultades adivinatorias andan muy escasas últimamente.

Hola Arturo.

La verdad que mejor no predecir, te indico los pasos que he realizado.

1) He ido al código fuente de la página principal (como me dijistes) y he buscado la parte que está ligada a la barra lateral.

2) He ido al ftp donde está alojada la web y he realizado los pasos.

En cuanto a lo que te refereis en el post anterior de "para tu caso aplica esto -> sidebar col-sm-12 col-md-4

col-sm y col-md es de boostrap y sidebar no existe pero puedes declararla en el archivo de tu conveniencia." .. no lo encuentro dentro del css, ¿me podrías decir en que ruta está ese css para poder editarlo?

Quedo a la espera, muy amable nuevamente..

[ArturoGallegos]

las clases col-sm y col-md como bien dije son de boostrap y mejor no tocarlas directamente o te cargaras todo el sitio si no lo haces con precausion.

cuando dije que sidebar no existe, me refería precisamente a eso.... no existe en ninguna hoja de estilos, tendrás que agregar dicha clase a una hoja de estilos que estés seguro si esta cargando y aplicarle los estilos que necesites.

Como nota y/o comentario... ten en cuenta los niveles de jerarquía en cuanto a los estilos asi como su especifidad.


Te lo dije antes y te lo reitero, sírvete utilizar las herramientas de desarrollo, si las utilizas no tendrás la necesidad de venir al foro a preguntar, por que estilo y en que hoja css lo encuentro., si hubieras hecho caso a ese comentario, te aseguro que tu cuestión/pregunta seria otra.



Nota: si no sabes como mostrar las herramientas de desarrollo, busca en los menus del navegador que utilizes, o bien presiona F12

[GardBeat]

Iniciado por ArturoGallegos

las clases col-sm y col-md como bien dije son de boostrap y mejor no tocarlas directamente o te cargaras todo el sitio si no lo haces con precausion.

cuando dije que sidebar no existe, me refería precisamente a eso.... no existe en ninguna hoja de estilos, tendrás que agregar dicha clase a una hoja de estilos que estés seguro si esta cargando y aplicarle los estilos que necesites.

Como nota y/o comentario... ten en cuenta los niveles de jerarquía en cuanto a los estilos asi como su especifidad.


Te lo dije antes y te lo reitero, sírvete utilizar las herramientas de desarrollo, si las utilizas no tendrás la necesidad de venir al foro a preguntar, por que estilo y en que hoja css lo encuentro., si hubieras hecho caso a ese comentario, te aseguro que tu cuestión/pregunta seria otra.



Nota: si no sabes como mostrar las herramientas de desarrollo, busca en los menus del navegador que utilizes, o bien presiona F12

Hola Arturo.

He estado trasteando y no encuentro el fichero css para poder añadir las líneas que me comentas. ¿Podrías ayudarme con la ruta?

Me podido ver que el espacio que ocupa es de 360x44, mi idea es desplazar este mismo tamaño con unos 7 cm a la derecha.

Quedo a la espera, muy amable como siempre..

[ArturoGallegos]

La verdad que yo me rindo, contigo es como si le hablara a un sordo o quizás el estrés ya me gano como para poder ayudarte.... espera a ver si alguien mas te quiere y puede ayudar.

Suerte en tu intento.

[GardBeat]

Iniciado por ArturoGallegos

La verdad que yo me rindo, contigo es como si le hablara a un sordo o quizás el estrés ya me gano como para poder ayudarte.... espera a ver si alguien mas te quiere y puede ayudar.

Suerte en tu intento.

No le comprendo Arturo, de verdad, estoy poniendo todo de mi mano y siguiendo sus pasos (viendo código desde Mozilla con su inspector de código). Accedo al css que me indica, realizo los cambios que me piede reailizar y no funciona.

Por ello, le pregunto que usted mire el código por si algo estoy realizando algo mal.

No se lo tome a mal, yo estoy, también bastante "frustado", ya que lo he probado todo y no consigo dar con la tecla (y seguramente será un fallo "tonto" que esté cometiendo y que no veo).

Siento que se lo tome a mal.

[zanguanga]

Iniciado por GardBeat

Buenas tardes.

El motivo de mi consulta es como puedo mover unos cuantos centrímetros más (en este caso a la derecha), una barra lateral (sidebar.php) que tengo creada en la web.

Tu sidebar está dentro de un contenedor llamado content, probablemente no podrás moverla sin hacer otras modificaciones de ancho total o de ancho de sidebar o del resto de elementos que contiene el contenedor.

Para desplazar un bloque puedes usar la propiedad margin http://www.w3schools.com/css/css_margin.asp

Los añadidos para la clase .sidebar, etc. deberías hacerlos en la hoja style.css del tema.

[GardBeat]

Iniciado por zanguanga

Tu sidebar está dentro de un contenedor llamado content, probablemente no podrás moverla sin hacer otras modificaciones de ancho total o de ancho de sidebar o del resto de elementos que contiene el contenedor.

Para desplazar un bloque puedes usar la propiedad margin http://www.w3schools.com/css/css_margin.asp

Los añadidos para la clase .sidebar, etc. deberías hacerlos en la hoja style.css del tema.

Gracias zanguanga.

¿Dentro de que .css puedo encontrar el content, que me indicas? ¿Me podrías indicar la ruta?

Quedo a la espera.

[franciscomarin]

¿Has probado a utilizar la herramienta que tu navegador trae para tal fin?

[GardBeat]

Iniciado por franciscomarin

¿Has probado a utilizar la herramienta que tu navegador trae para tal fin?

Hola Francisco, como he comentado en post anteriores, lo he usado tanto el de Mozilla como el de Chrome, pero el css que modifico, no realiza las modificaciones que escribo.

Por ello, os pido que lo podáis mirar en el enlace que os indico y os vuelvo a pegar por aqui: https://themekraft.com/tk-wordpress-...starter-theme/

Gracias de antemano.

[franciscomarin]

Claro que no realiza las modificaciones que escribes... Esas herramientas son para que tu puedas ver que tienes que editar y de donde y así editarlo, es la manera de no tocar "a ciegas". Una vez que localices lo que tienes que editar, simplemente edítalo en el lugar correspondiente.

[GardBeat]

Iniciado por franciscomarin

Claro que no realiza las modificaciones que escribes... Esas herramientas son para que tu puedas ver que tienes que editar y de donde y así editarlo, es la manera de no tocar "a ciegas". Una vez que localices lo que tienes que editar, simplemente edítalo en el lugar correspondiente.

Hola Francisco.

Creo que no me he explicado correctamente. He utilizado inspector de Mozilla, he buscado la parte que es. Tras ello, me voy al ftp donde está alojado y realizo los cambios dentro del hosting.

Y tras realizarlo, no surten dichos cambios, por ello, os pido que veais el código y me digais exactamente que fichero debo de modificar.

Quedo a la espera..

[franciscomarin]

Si los cambios no surten quiere decir dos cosas:

1) Qué no has modificado correctamente el archivo o que has modificado lo que no es.
2) Qué no has actualizado la caché del navegador.

En un foro se dan las herramientas para que uno haga las cosas por si mismo, no decimos "haz esto" para que copies y pegues sin saber lo que estas haciendo. Es mucho más gratificante que se te den las pautas para llegar al resultado por uno mismo que simplemente "te lo demos hecho".

Si quieres algo hecho me temo que tendrás que contactar con un profesional y abonarle su tarifa para que te hagan lo que tu quieres.

[GardBeat]

Iniciado por franciscomarin

Si los cambios no surten quiere decir dos cosas:

1) Qué no has modificado correctamente el archivo o que has modificado lo que no es.
2) Qué no has actualizado la caché del navegador.

En un foro se dan las herramientas para que uno haga las cosas por si mismo, no decimos "haz esto" para que copies y pegues sin saber lo que estas haciendo. Es mucho más gratificante que se te den las pautas para llegar al resultado por uno mismo que simplemente "te lo demos hecho".

Si quieres algo hecho me temo que tendrás que contactar con un profesional y abonarle su tarifa para que te hagan lo que tu quieres.

Hola Francisco.

No quiero que me lo "hagais", tan solo quiero que me cotejes que el fichero que debo de modificar es el siguiente: https://postimg.org/image/h1vofu3pf/

Ya que he realizado los cambios y no surten, por ello, os pido ayuda.

Creo que no estais entendiendo mi pregunta, si doy la impresión de ello, os pido disculpas.

[zanguanga]

Como te indiqué en mi anterior comentario, el fichero que debes tocar la hoja style.css de tu tema, el tema que tengas activo en tu panel Apariencia > Temas.

La ruta por defecto del archivo css de los temas de WordPress es wp-content/themes/tu-tema-activo/style.css pero algunos desarrolladores lo incluyen en otra carpeta.

[GardBeat]

Iniciado por zanguanga

Como te indiqué en mi anterior comentario, el fichero que debes tocar la hoja style.css de tu tema, el tema que tengas activo en tu panel Apariencia > Temas.

La ruta por defecto del archivo css de los temas de WordPress es wp-content/themes/tu-tema-activo/style.css pero algunos desarrolladores lo incluyen en otra carpeta.

Hola zanguanga.

Efectivamente este es el css que modifico pero no surten los cambios. He probado tanto desde el panel de wordpress como desde el ftp y no surten efectos los cambios.

Por ello, estoy preguntando en este foro, ya que no se dar con la respuesta de como poder modificarlo.

He probado hasta enviarle un e-mail al desarrollador del theme preguntandole, pero no me contesta.

Quedo a la espera de que cualquier usuario me pueda dar algo de luz. Muy amable.

[zanguanga]

Por favor copia y pega aquí el código de lo que has hecho en style.css (usa el botón highlight para que se vea bien).

[GardBeat]

Iniciado por zanguanga

Por favor copia y pega aquí el código de lo que has hecho en style.css (usa el botón highlight para que se vea bien).

Adjunto css solicitado, quedo a la espera..

Código CSS:

/*
Theme Name: _tk
Theme URI: http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/
Author: ThemeKraft
Author URI: http://themekraft.com/
Description: Hi, I am the ultra minimal starter theme _tk, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 1.1.10
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready
 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
 
This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.
 
_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap
 
Credits:
 
1. Bootstrap
 
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c
 
2. wp_bootstrap_navwalker
 
* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker
 
3. Glyphicons
 
 * http://getbootstrap.com/components/
 
*/
 
/* My Minimal WordPress Styling comes here */
 
/* This is a small security for too long strings titles */
body {
    word-wrap: break-word;
}
 
/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
 
 
/* Images and wp-captions should always fit and be responsive */
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}
img[class*="wp-image-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}
.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    max-width: 100%;
    border-radius: 4px;
    padding: 0 10px;
}
.wp-caption.aligncenter {
    margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
}
.wp-caption .wp-caption-text {
    text-align: center;
    margin-top: 10px;
}
 
/* WP Gallery */
.gallery {
    margin-bottom: 1.5em;
}
.gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.gallery dd {
    margin: 0;
}
.gallery-caption {
    display: block;
}
 
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}
 
 
/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}
 
 
/* Content */
.main-content-inner {
    padding-bottom: 1.5em;
}
.hentry {
    margin: 0 0 1.5em;
}
.sticky {
    display: block;
}
.bypostauthor {
    display: block;
}
 
 
/* Clearing */
.clear {
    clear: both;
}
 
/* Navigation */
 
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
 
 
/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }
 
/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }
 
/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}
 
/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }
 
/**
* Some WP Theme Repository requirements
*/
 
.sticky {
}
 
.gallery-caption {
 
}
 
.bypostauthor {
 
}
 
.entry-meta {
    clear: both;
}
 
/*
 == Quick CSS styling tips ==
 
 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)
 
 
 == Want to have the whole site wrapped? ==
 
 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.
 
 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }
 
 
 == Want to wrap just the content and sidebar in Bootstrap style? ==
 
 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!
 
 
 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..
 
/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */
 
/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
    display: none;
}
*/
 
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
 
/*
.infinity-end.neverending .site-footer {
    display: block;
}
*/
 
/* Hey, if you don't need my comments anymore, just delete me! :)  */
 
 
/* styles for _tk_pagination und _tk_link_pages */
nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}
 

[franciscomarin]

No se te está pidiendo el style.css, se te está pidiendo lo que tu has modificado.

[GardBeat]

Iniciado por franciscomarin

No se te está pidiendo el style.css, se te está pidiendo lo que tu has modificado.

Hola Francisco.

No estan las líneas, ya que al no funcionar, las eliminé.

En cuanto a lo que añadí, fue lo que me dijo Arturo al principio del post.. --> sidebar col-sm-12 col-md-4

Siendo más exactos lo que "añadí" fué desde el panel de control de Wordpress, en su sección de editor.

Al no funcionar, volví a una copia de seguridad, ya que se destrozó literalmente el theme.


Quedo a la espera, muy amable.

[zanguanga]

En tu css no aparece ninguna sidebar. Como te comentó arturogallegos en su segunda respuesta:

col-sm y col-md es de boostrap y sidebar no existe pero puedes declararla en el archivo de tu conveniencia.

No entiendo por qué no lo hiciste si te dieron la solución.

Si no la declaras creando un selector de clase .sidebar no puedes modificarla.

Seguramente necesites aprender algo de CSS, te sugiero que eches un vistazo a los libros de librosweb.es.

[GardBeat]

Iniciado por zanguanga

En tu css no aparece ninguna sidebar. Como te comentó arturogallegos en su segunda respuesta:


No entiendo por qué no lo hiciste si te dieron la solución.

Si no la declaras creando un selector de clase .sidebar no puedes modificarla.

Seguramente necesites aprender algo de CSS, te sugiero que eches un vistazo a los libros de librosweb.es.

Hola zanguanga.

No lo pude realizar por que no encuentro el llamado "boostrap" en este theme, que me indicas. En este css, se habla de el, en los comentarios, pero nada más.

He seguido los pasos de los foreros, pero cuando he ido a preguntarle más detalles en este caso Arturo, me ha negado seguir ayudarme.

Quedo a la espera tuya para ver si puedes darme el "empujón" final para poder solucionar mi problema.

Gracias nuevamente!!

[zanguanga]

El empujón que necesitas ya te lo hemos dado, ahora te toca a tí trabajar un poco más y mejor.

Si quieres modificar o crear temas web, ya sean de WordPress o de cualquier otro CMS, has de aprender CSS y a encontrar los archivos que necesitas. No hay otro camino. Ni otra excusa. No se puede construir una casa comenzando por el tejado.

Nota: Si no has entendido la solución de arturogallegos deberías decir que no lo has entendido, pero decir que se ha negado a ayudarte es inexacto y muy poco cortés con un usuario que ha dedicado parte de su tiempo en intentar ayudarte. Un saludo.

[GardBeat]

Iniciado por zanguanga

El empujón que necesitas ya te lo hemos dado, ahora te toca a tí trabajar un poco más y mejor.

Si quieres modificar o crear temas web, ya sean de WordPress o de cualquier otro CMS, has de aprender CSS y a encontrar los archivos que necesitas. No hay otro camino. Ni otra excusa. No se puede construir una casa comenzando por el tejado.

Nota: Si no has entendido la solución de arturogallegos deberías decir que no lo has entendido, pero decir que se ha negado a ayudarte es inexacto y muy poco cortés con un usuario que ha dedicado parte de su tiempo en intentar ayudarte. Un saludo.

En mi caso solo es modificar un theme y querria aclarar primeramente en cuanto a la opinión suya sobre Arturo.

1. En mi caso, he agradecido en cada post su ayuda "desinteresada", pero su última reacción (está en su último post), sinceramente me dejo bastante confuso, ya que, se que lo haceis "por el amor al arte". Me estaba ayudando y siguiendo todos sus pasos, pero de golpe, me deja a medias y sin el empujón final que seguro me faltaba para detectar como poder modificar la barra.

2. Accedo a este post en busca de ayuda para modificar un theme que no conozco, ya que ha sido realizado por un autor donde no encuentro modificar la barra lateral y solo os pido que me consejeis, con manuales, videos y/o algun dato por donde tirar, ya que sinceramente no se como realizarlo. He estado mirando otras barras de otros theme y si logro cambiar, pero en la de éste author, al no tener creado un sidebar.css, no doy con la solución.

3. Le he enviado un mensaje privado y espero su opinión. Gracias.

[franciscomarin]

Tú no pides que te aconsejemos o ayudemos, pides que te lo hagamos. Son cosas bien distintas.

Ya se te ha dicho lo que tienes que hacer y como, ahora solo falta que tu investigues por tu cuenta y busques en tu buscador favorito.