YourOwnBux3.0 III - Añadir logo en viewp.php

subiraservidores.jpg


En la anterior entrada sobre las pequeñas modificiaciones que se pueden hacer en el script YourOwnBux3.0 hablé de la posibilidad de cambiar el título de la web en el archivo header.php por un logotipo. En esta ocasión es una tarea muy parecida pero en el archivo viewp.php.


Este archivo es el que mostrará las páginas web que se encuentren en la sección de anuncios, así como el tiempo en forma de cronometro para berificar las ganancias por la visualización. Por su puesto un logotipo en mi opinión realza dicha sección ya que es algo que va a estar mucho tiempo a la vista de los usarios.


Aconsejo usar el logotipo que habeis usado en el anterior tutorial (aquellos que lo habeis hecho) y sencillamente con el archivo de edición del programa GIMP podreis cambiar el tamaño del logo sin perjuicio de la difinición del mismo. El logo que usé yo lo deje en un tamaño de 225x50 que creo que es más que suficiente.


[1] Lo primero que haremos será subir el logo reducido a la carpeta /images en el servidor FTP


[2] Abrimos el archivo viewp.php con el editor que tengamos o en su defecto con el bloc de notas y buscamos estas etiquetas:



<div class="maintopright">&nbsp;&nbsp;<? include('sitename.php'); ?>&nbsp;&nbsp;&nbsp;&nbsp;



Para aquellos que usan un editor como el NotePad++ o alguno similar podreis encontrarla en la linea 101


[3] Cambiamos esa linea por la siguiente. En los campos rojos escribir la dirección URL de donde hayas puesto tu imagen (supuestamente lo habrás metido en /images como dije antes) y también el texto alternativo en caso de que no se cargue la imagen.



<div class="maintopright">&nbsp;&nbsp;<img alt="TEXTO ALTERNATIVO A LA IMAGEN" src="URL DEL LOGO QUE QUIERAS PONER"/>&nbsp;&nbsp;&nbsp;&nbsp;



[4] Una vez guadados los cambios subimos el archivo mediante el cliente FTP al Host y probamos que todo funcione perfectamente. Aconsejo realizar una copia de seguridad del archivo previamente sin modificar en caso de que haya habido algun error.


pruebascript.png


Imagen de como puede quedar el logotipo en el lugar de un título de texto.