archivo
Ir al Photoshop y abrir el archivo de diseño. Haga clic en la barra de herramientas y seleccionar " Herramienta Slice ". Cortar la imagen que desea conservar. Haga clic en " Guardar" para guardar las rodajas . Estos archivos se deben guardar en la carpeta yourwebsite /theme_files . Si la herramienta Slice está oculta , puede hacer que se muestre , haga clic en "View ", " Show" y "cortes" . Evite cortar bloques de texto , ya que no se puede realizar búsquedas en Google . Sin embargo , por lo general, desea mantener el texto del logotipo en la imagen del logotipo .
Crear una página
En cualquier editor de texto, cree un nuevo archivo home.html e introduzca el siguiente código:
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN"
" http://www.w3.org/TR/! xhtml1/DTD/xhtml1-transitional.dtd ">
< HTML xmlns =" http://www.w3.org/1999/xhtml " el archivo css antes de la etiqueta < /head> .
Crear DIV Etiquetas
Crear áreas DIV acuerdo con el diseño original en PSD. Cada sección de su diseño se debe incluir dentro de una etiqueta DIV y se le dará un nombre de clase como el encabezado y pie de página. Añadir etiquetas DIV en la sección del cuerpo :
< /div > . Del mismo modo, añadir tantas etiquetas DIV que usted necesita para cada sección individual de su diseño.
Creación de un archivo CSS
< /title > <br> <p> < < php print $ head_title ? > ? php print $ cabeza? > <br> <p> <? php $ impresión estilos ? > <br> <p> <? php print $ guiones? > <br> <p> Guarde este archivo como una nuevo archivo : page.tpl.php bajo su nuevo directorio de tema . Arrastre el archivo style.css allí. <br> Volviendo Secciones en bloques de Drupal <br> <p> Drupal tiene bloques predefinidos, incluyendo $ header , $ izquierdo -header , $ content y $ footer_message . Estos bloques se denominan en su archivo page.tpl.php por el tage <? Php print $ header > . Cambie las secciones de contenido dinámico en bloques mediante la adición de las etiquetas bloques. <br> <br>
<div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/software/Drupal/Cómo-proteger-tus-archivos-JS-en-Drupal-.html' >Cómo proteger tus archivos JS en Drupal </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/software/Drupal/Cómo-ayudar-a-Drupal-Gaza-una-etiqueta-.html' >Cómo ayudar a Drupal Gaza una etiqueta </a> </div>
</div>
<dl class=xgc>
<dt><span>Drupal</span></dt>
<dd><a href="http://www.ordenador.online/software/Drupal/Cómo-saber-si-un-sitio-web-es-Drupal-.html">Cómo saber si un sitio web es Drupal </a></dd><dd><a href="http://www.ordenador.online/software/Drupal/Cómo-utilizar-el-contexto-en-Drupal-.html">Cómo utilizar el contexto en Drupal </a></dd><dd><a href="http://www.ordenador.online/software/Drupal/Cómo-agregar-Mis-mapas-RSS-en-Drupal-.html">Cómo agregar Mis mapas RSS en Drupal </a></dd><dd><a href="http://www.ordenador.online/software/Drupal/¿Cómo-añadir-imágenes-a-Block-Drupal-.html">¿Cómo añadir imágenes a Block Drupal </a></dd><dd><a href="http://www.ordenador.online/software/Drupal/Cómo-ocultar-un-panel-vacío-en-Drupal-.html">Cómo ocultar un panel vacío en Drupal </a></dd><dd><a href="http://www.ordenador.online/software/Drupal/Cómo-quitar-Lee-en-Drupal-.html">Cómo quitar Lee en Drupal </a></dd><dd><a href="http://www.ordenador.online/software/Drupal/Cómo-usar-WordPress-y-Drupal-.html">Cómo usar WordPress y Drupal </a></dd><dd><a href="http://www.ordenador.online/software/Drupal/Cómo-eliminar-un-sitio-Drupal-.html">Cómo eliminar un sitio Drupal </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/software/Drupal/Cómo-mover-AdSense-en-Drupal-.html" >Cómo mover AdSense en Drupal </a> </li><li><a href="http://www.ordenador.online/software/Drupal/Cómo-editar-un-vídeo-Título-en-Drupal-.html" >Cómo editar un vídeo Título en Drupal </a> </li><li><a href="http://www.ordenador.online/software/Drupal/Cómo-enviar-mensajes-a-sus-miembros-con-Drupal-.html" >Cómo enviar mensajes a sus miembros con Drupal </a> </li><li><a href="http://www.ordenador.online/software/Drupal/Plone-4-vs--Drupal-.html" >Plone 4 vs. Drupal </a> </li><li><a href="http://www.ordenador.online/software/Drupal/Cómo-instalar-Drupal-en-un-subdirectorio-.html" >Cómo instalar Drupal en un subdirectorio </a> </li><li><a href="http://www.ordenador.online/software/Drupal/Cómo-integrar-de-Blogspot-en-Drupal-.html" >Cómo integrar de Blogspot en Drupal </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/software/Drupal/PSD-a-HTML-en-Drupal-.html" >PSD a HTML en Drupal </a></li><li> <a href="http://www.ordenador.online/software/Drupal/Cómo-instalar-FCKeditor-en-Drupal-6-.html" >Cómo instalar FCKeditor en Drupal 6 </a></li><li> <a href="http://www.ordenador.online/software/Drupal/¿Cómo-hacer-RSS-Publishing-Con-Drupal-.html" >¿Cómo hacer RSS Publishing Con Drupal </a></li><li> <a href="http://www.ordenador.online/software/Drupal/¿Cómo-funciona-Drupal-.html" >¿Cómo funciona Drupal </a></li><li> <a href="http://www.ordenador.online/software/Drupal/¿Qué-causa-la-instalación-de-Drupal-.html" >¿Qué causa la instalación de Drupal </a></li><li> <a href="http://www.ordenador.online/software/Drupal/Cómo-deshabilitar-Drupal-Form-API-.html" >Cómo deshabilitar Drupal Form API </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/software/Adobe-Illustrator/' target="_self">Adobe Illustrator</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-Animación/' target="_self">Software de Animación</a></li>
<li><a href='http://www.ordenador.online/software/Antivirus-Software/' target="_self">Antivirus Software</a></li>
<li><a href='http://www.ordenador.online/software/Software-Audio/' target="_self">Software Audio</a></li>
<li><a href='http://www.ordenador.online/software/Copia-de-seguridad-de-datos/' target="_self">Copia de seguridad de datos</a></li>
<li><a href='http://www.ordenador.online/software/Grabar-CDs/' target="_self">Grabar CDs</a></li>
<li><a href='http://www.ordenador.online/software/Grabar-DVDs/' target="_self">Grabar DVDs</a></li>
<li><a href='http://www.ordenador.online/software/compresión-de-datos/' target="_self">compresión de datos</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-base-de-datos/' target="_self">Software de base de datos</a></li>
<li><a href='http://www.ordenador.online/software/edición/' target="_self">edición</a></li>
<li><a href='http://www.ordenador.online/software/desktop-Video/' target="_self">desktop Video</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-vídeo-digital/' target="_self">Software de vídeo digital</a></li>
<li><a href='http://www.ordenador.online/software/Drupal/' target="_self">Drupal</a></li>
<li><a href='http://www.ordenador.online/software/Software-Educativo/' target="_self">Software Educativo</a></li>
<li><a href='http://www.ordenador.online/software/Ingeniería-del-Software/' target="_self">Ingeniería del Software</a></li>
<li><a href='http://www.ordenador.online/software/Tipos-de-extensiones-de-archivos/' target="_self">Tipos de extensiones de archivos</a></li>
<li><a href='http://www.ordenador.online/software/Software-financiero/' target="_self">Software financiero</a></li>
<li><a href='http://www.ordenador.online/software/GIMP/' target="_self">GIMP</a></li>
<li><a href='http://www.ordenador.online/software/Graphics-Software/' target="_self">Graphics Software</a></li>
<li><a href='http://www.ordenador.online/software/Software-Home-Recording/' target="_self">Software Home Recording</a></li>
<li><a href='http://www.ordenador.online/software/Microsoft-Access/' target="_self">Microsoft Access</a></li>
<li><a href='http://www.ordenador.online/software/Microsoft-Publisher/' target="_self">Microsoft Publisher</a></li>
<li><a href='http://www.ordenador.online/software/Microsoft-Word/' target="_self">Microsoft Word</a></li>
<li><a href='http://www.ordenador.online/software/Código-abierto/' target="_self">Código abierto</a></li>
<li><a href='http://www.ordenador.online/software/Otro-Software-Informática/' target="_self">Otro Software Informática</a></li>
<li><a href='http://www.ordenador.online/software/Juegos-de-PC/' target="_self">Juegos de PC</a></li>
<li><a href='http://www.ordenador.online/software/Photoshop/' target="_self">Photoshop</a></li>
<li><a href='http://www.ordenador.online/software/Formato-de-Documento-Portátil/' target="_self">Formato de Documento Portátil</a></li>
<li><a href='http://www.ordenador.online/software/PowerPoint/' target="_self">PowerPoint</a></li>
<li><a href='http://www.ordenador.online/software/Software-para-presentaciones/' target="_self">Software para presentaciones</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-Productividad/' target="_self">Software de Productividad</a></li>
<li><a href='http://www.ordenador.online/software/Quicktime/' target="_self">Quicktime</a></li>
<li><a href='http://www.ordenador.online/software/Gestión-de-Escritorio-remoto/' target="_self">Gestión de Escritorio remoto</a></li>
<li><a href='http://www.ordenador.online/software/SQL-Server/' target="_self">SQL Server</a></li>
<li><a href='http://www.ordenador.online/software/Skype/' target="_self">Skype</a></li>
<li><a href='http://www.ordenador.online/software/Software-versiones-beta/' target="_self">Software versiones beta</a></li>
<li><a href='http://www.ordenador.online/software/Consultores-de-Software/' target="_self">Consultores de Software</a></li>
<li><a href='http://www.ordenador.online/software/Las-compañías-de-desarrollo-de-software/' target="_self">Las compañías de desarrollo de software</a></li>
<li><a href='http://www.ordenador.online/software/Licencias-de-software/' target="_self">Licencias de software</a></li>
<li><a href='http://www.ordenador.online/software/Hojas-de-cálculo/' target="_self">Hojas de cálculo</a></li>
<li><a href='http://www.ordenador.online/software/Impuestos-Preparación-de-Software/' target="_self">Impuestos-Preparación de Software</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-utilidades/' target="_self">Software de utilidades</a></li>
<li><a href='http://www.ordenador.online/software/Web-Clip-Art/' target="_self">Web Clip Art</a></li>
<li><a href='http://www.ordenador.online/software/Windows-Media-Player/' target="_self">Windows Media Player</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-Procesamiento-de-Texto/' target="_self">Software de Procesamiento de Texto</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div>
</div>
</body>
</html>
Creación de un archivo CSS
En el editor de texto, cree un nuevo archivo y guárdelo como " style.css ". Estilo de las clases creadas anteriormente . Coloque las secciones del diseño utilizando flotante , el relleno y los márgenes.
/* Top
Conversión a un tema de Drupal
Ir a su sitio Drupal y encontrar la carpeta de temas . Crear una nueva subcarpeta con el nombre de su tema. Regrese a su archivo HTML. Añadir la etiqueta < ? Php print > tag antes
. Drupal usa esta etiqueta de impresión para imprimir las secciones específicas en la página web. El código es el siguiente :