Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/04/2013, 02:09
Avatar de mionepiece
mionepiece
 
Fecha de Ingreso: abril-2011
Ubicación: En internet
Mensajes: 27
Antigüedad: 13 años
Puntos: 0
Pregunta Adaptar el codigo de diseño

Muy buenas soy nuevo aquí y quisiera darme una oportunidad para comprender como puedo incrustar los códigos de la web de "dreamcodes".

Lo que no entiendo es que me dice que pegue esto en el <head>:

Código HTML:
<!-- DC Message Box CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/message_box/css/tsc_message_box.css" />
 
<!-- jQuery Library (skip this step if already called on page ) -->
<script type="text/javascript" src="dreamcodes/jquery.min.js"></script> <!-- (do not call twice) -->
 
<!-- DC Message Box JS -->
<script type="text/javascript" src="dreamcodes/message_box/js/jquery.cookie.js"></script>
<script type="text/javascript" src="dreamcodes/message_box/js/tsc_message_box.js"></script> 
La primera duda es que no se de donde salen los archivos: tsc_message_box.css, jquery.min.js, jquery.cookie.js, tsc_message_box.js.

No me da la opcion de descargar los archivos por ninguna parte y no se si tengo que crearlos o yo que se que.

Lo segundo es que luego estan los contenedores que son los elementos que quiero insertar, que en mi caso son "message boxes"

Aqui estan los codigos que me proporciona:

Código HTML:
<!-- DC Message Box Start -->
  <div class="tsc_message_box1 tsc_focused_bg success closeable">
    <p><strong>Success!</strong> Event completed successfully.</p>
  </div>
  <div class="tsc_message_box1 tsc_focused_bg error">
    <p><strong>Error!</strong> Event did not complete. (Dialog not closable)</p>
  </div>
  <div class="tsc_message_box1 tsc_focused_bg warning closeable">
    <p><strong>Warning!</strong> 5mb space remaining.</p>
  </div>
  <div class="tsc_message_box1 tsc_focused_bg tip closeable">
    <p><strong>Handy Tip:</strong> Press Win-L to lock windows.</p>
  </div>
  <div class="tsc_message_box1 tsc_focused_bg neutral closeable">
    <p><strong>Notify:</strong> Lock down all systems prior to logout.</p>
  </div>
<!-- DC Message Box End --> 
Espero ayuda de esta gran comunidad y gracias

Aqui la fuente de mi pregunta ([URL="http://www.dreamtemplate.com/dreamcodes/documentation/message_box.html"]de donde saque los codigos[/URL])



Asi es como lo tengo puesto hora mismo en una web simple

Código HTML:
<html> 

<head> 
<title>Bienvenido a mi web</title> 

<!-- DC Message Box CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/message_box/css/tsc_message_box.css" />
 

<!-- DC Message Box JS -->
<script type="text/javascript" src="dreamcodes/message_box/js/jquery.cookie.js"></script>
<script type="text/javascript" src="dreamcodes/message_box/js/tsc_message_box.js"></script>

</head> 

<body> 

 <div class="tsc_message_box1 tsc_focused_bg success closeable">
    <p><strong>Success!</strong> Event completed successfully.</p>
  </div>
  <div class="tsc_message_box1 tsc_focused_bg error">
    <p><strong>Error!</strong> Event did not complete. (Dialog not closable)</p>
  </div>
  <div class="tsc_message_box1 tsc_focused_bg warning closeable">
    <p><strong>Warning!</strong> 5mb space remaining.</p>
  </div>
  <div class="tsc_message_box1 tsc_focused_bg tip closeable">
    <p><strong>Handy Tip:</strong> Press Win-L to lock windows.</p>
  </div>
  <div class="tsc_message_box1 tsc_focused_bg neutral closeable">
    <p><strong>Notify:</strong> Lock down all systems prior to logout.</p>
  </div>


</body> 

</html> 

Última edición por mionepiece; 30/04/2013 a las 02:19 Razón: falta de informacion