La Cruz en el bot n Vkontakte es un detalle peque o pero notable que atrae la atenci n de los usuarios. Adorna el perfil y crea una sensaci n de personalidad. Si desea que su p gina se destaque entre los dem s, o simplemente desea agregar vistosidad y sabor a su perfil, debe establecer una Cruz en el bot n Vkontakte.
La instalaci n de una Cruz es un procedimiento bastante simple y no requiere mucho esfuerzo. Todo lo que necesita es el conocimiento de las etiquetas HTML b sicas y una peque a cantidad de tiempo. Para facilitarle la tarea, hemos preparado una instrucci n simple que le ayudar a poner una Cruz en el bot n de Vkontakte sin mucho esfuerzo y trabajo.
Nota: antes de seguir las instrucciones, se recomienda crear una copia de seguridad de su perfil de Vkontakte para que, en caso de error, pueda restaurar su estado original.
- Crea una nueva p gina
- Abra el Editor de p ginas
- Seleccione el bot n para editar
- Haga clic en el bot n editable
- A adir una clase CSS para el bot n
- Editar clase CSS
- Inserte el c digo para la Cruz
- Guarde los cambios y verifique el resultado
Crea una nueva p gina
Puede usar cualquier Editor de c digo de su elecci n, como Sublime Text, Visual Studio Code o Atom.
Abra el archivo en el Editor de c digo y aseg rese de que est trabajando con el archivo HTML (.html).
Si est creando una nueva p gina, ingrese el siguiente c digo para crear la base de la p gina:
Mi p gina
Si est trabajando con una p gina existente, contin e con el siguiente paso.
Ahora tiene una nueva p gina en la que agregar una Cruz al bot n Vkontakte.
Abra el Editor de p ginas
Antes de poner una Cruz en el bot n Vkontakte, debe abrir el Editor de la p gina.
1. Vaya a su p gina de Vkontakte e inicie sesi n.
2. En el men superior, seleccione editar y haga clic en l.
3. Usted se encontrar en el modo de edici n de la p gina, donde puede cambiar sus elementos.
4. Busque el bot n en el que desea poner una Cruz y selecci nelo.
5. Active el modo de edici n del bot n seleccionado haciendo clic en el icono o enlace correspondiente.
6. Ahora puede cambiar la apariencia del bot n, agregar texto o im genes.
7. Para poner una Cruz en el bot n, busque el s mbolo o imagen correspondiente y agr guelo al bot n.
8. Despu s de realizar todos los cambios necesarios, guarde el resultado.
Ahora sabe c mo abrir el Editor de p ginas para cambiar los botones en su p gina de Vkontakte.
Seleccione el bot n para editar
Recuerde que la Cruz solo se puede establecer en los botones que aparecen como una casilla de verificaci n. Si el bot n no tiene este formulario, entonces no es pr ctico usar esta instrucci n.
Una vez que haya decidido el bot n que desea editar, contin e con el siguiente paso.
Haga clic en el bot n editable
Para poner una Cruz en el bot n Vkontakte, debe hacer clic en el bot n que desea editar. Tenga en cuenta que debe estar conectado a su cuenta de Vkontakte.
A continuaci n, cuando est en una p gina con un bot n, pase el cursor sobre ella y haga clic con el bot n derecho. En el men contextual que aparece, seleccione la opci n "Editar bot n".
Se abrir una ventana con la configuraci n del bot n. Aqu podr cambiar el texto del bot n, agregar un enlace o configurar otras opciones. Es importante recordar que dependiendo del tipo de bot n, es posible que tenga diferentes configuraciones disponibles para usted.
| Ahora ha puesto con xito una Cruz en el bot n Vkontakte. Es una buena idea verificar el estado del bot n antes de publicarlo en la p gina o compartirlo con amigos. | Breve instrucci n sobre c mo colocar una Cruz en el bot n Vkontakte: |
|---|---|
| Paso | Descripci n |
| 1 | Haga clic en el bot n que desea editar |
| 2 | Pase el cursor sobre el bot n y haga clic con el bot n derecho |
| 3 | Seleccione la opci n "Editar bot n" en el men contextual |
| 4 | Cambie la configuraci n del bot n, incluyendo " Imagen "o"Icono" |
5
Guarde la configuraci n y verifique que el bot n funcione
A adir una clase CSS para el bot n
En este ejemplo, el bot n se asignar a la clase "VK-button".
Ahora es necesario escribir estilos CSS para la clase "VK-button" para agregar una Cruz al bot n. :
- .bot n vk {
- relleno: 10px 20px;
color de fondo: #3578E5;
color: # ffffff;
frontera: ninguna;
radio del borde: 5 p xeles;
cursor: puntero;
posici n: relativa;
}
.bot n vk:: despu s {
contenido: "";
posici n: absoluta;
parte superior: 50%;