Adaptar el codigo de diseño

mionepiece · #1 (**permalink**) 30/04/2013, 02:09

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>

mionepiece · #2 (**permalink**) 02/05/2013, 01:19

Nadie para ayudarme??

frandelarge · #3 (**permalink**) 03/05/2013, 11:01

No entiendo, estás programando tu solo o usando una plantilla, o usando Dreamweaver?

Saludos

C2am · #4 (**permalink**) 04/05/2013, 01:40

El css: http://www.dreamtemplate.com/dreamco...essage_box.css

Aquí el jquery: http://www.dreamtemplate.com/dreamcodes/jquery.min.js
Aunque es mejor que uses el de google: por ejemplo: http://ajax.googleapis.com/ajax/libs.../jquery.min.js

Aquí el primer script particular: http://www.dreamtemplate.com/dreamco...uery.cookie.js

Y el segundo obtenlo como los demás, es decir siguiendo el link en la web de dreamtemplate...

Saludos

mionepiece · #5 (**permalink**) 06/05/2013, 03:22

Cita:

Iniciado por C2am

El css: [url]http://www.dreamtemplate.com/dreamcodes/message_box/css/tsc_message_box.css[/url]

Aquí el jquery: [url]http://www.dreamtemplate.com/dreamcodes/jquery.min.js[/url]
Aunque es mejor que uses el de google: por ejemplo: [url]http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js[/url]

Aquí el primer script particular: [url]http://www.dreamtemplate.com/dreamcodes/message_box/js/jquery.cookie.js[/url]

Y el segundo obtenlo como los demás, es decir siguiendo el link en la web de dreamtemplate...

Saludos

vale muchas gracias me ha salido mas o menos ya =) Un saludo