[Tutorial] Crea tu CuteNews [Imagenes]

Tema en 'Webmasters' iniciado por Goldix, 31 Mar 2009.

  1. Gol

    Goldix
    Expand Collapse
    Subteniente

    Mensajes:
    578
    Me Gusta recibidos:
    0
    Veremos como instalar un CuteNews en nuesta Web, yo usare WebCindario por que es el que se utilizar mejor como hay personas que no saben utilizar el FileZilla lo haremos con WebFtp que sale en el Panel de Control de miarroba... Bueno lo primero es:

    Tener el CuteNews como archivo .zip
    Tener una cuenta en "WebCindario" (No voy a explicar como se crea es muy sencillo)
    Teniendo todo esto continuemos


    1- Ponemos nuestros datos en MiArroba. Abrimos Espacio Web.

    2- Elegimos la Web la que va a tener el CuteNews

    3- Hacemos click en WebFtp y subimos el archivo "cutenews.zip"

    [​IMG]

    4- Esperamos a que cargue ami me lanza varios "[ERROR]" pero igual me funciona.. bueno despues que cargue vamos a la siguiente página:

    http://tupagina.webcindario.com/cutenews/index.php

    y seguimos estos pasos:

    [​IMG]

    [​IMG]

    Registramos al Administrador del Cute
    [​IMG]

    [​IMG]

    Hacemos click en Manage Uploaded Images y subimos todas las imagenes [​IMG]
    [​IMG]

    Despues que las subimos "Upload"

    Luego vamos a Add News

    [​IMG]

    Despues que la subamos hay que darle click en "Options > Edit templates" para acomodar el CuteNews copiar y pegar los siguientes codigos en sus categorias especificas:

    Active News:
    Full History

    Código:
    <style type="text/css">
        <!--
        .Estilo2 {color: #FF0000}
        a:link {
           color: #0c74ba;
        }
        a:visited {
           color: #0c74ba;
        }
        .Estilo6 {
           font-size: 16px;
           color: #0000000;
           font-weight: bold;
        }
        .Estilo7 {
           font-size: 16px;
           color: #0c74ba;
           font-weight: bold;
        }
        .Estilo8 {
           font-size: 11px;
           color: #0c74ba;
           font-weight: bold;
        }
        .style8 {
           font-size: 13px;
           color: #0c74ba;
           font-weight: bold;
        }
        .style9 {font-size: 13px}
        .style10 {
           font-size: 11px;
           color: #000000;
           font-weight: bold;
        }
        -->
        </style>
        </head>
    
        <body>
        <table id="table1" width="430" align="center" cellpadding="0" cellspacing="0" height="117">
          <tbody>
            <tr>
              <td class="content_box" width="430" height="11"><img src="http://img340.imageshack.us/img340/4328/redheaddq7.png" width="430" height="11" /></td>
            </tr>
            <tr>
              <td style="text-align: left;" class="content" background="http://img340.imageshack.us/img340/2007/redmiddlesi2.png" height="86"><table id="table2" width="418" border="0">
                <tbody>
                  <tr>
                    <td><div><img src="http://img120.imageshack.us/img120/8509/comentariomf0.png"> <span class="Estilo7">{title}  </strong></span></div></td>
                  </tr>
                </tbody>
              </table>
                <table id="table3" width="417" border="0">
                    <tbody>
                      <tr>
                        <td><div><strong><img src="http://tupagina.webcindario.com/cutenews/data/upimages/habbo_online_anim.gif" width="15" height="18" /><span class="style8">F</span><span class="Estilo8">echa: {date}  |<img src="http://tupagina.webcindario.com/cutenews/data/upimages/my_2.gif" width="16" height="17" /> Categorias: {category}</span></div>
                          <div><strong><span class="Estilo7"></div></td>
                      </tr>
                    </tbody>
                </table>
                  <table id="table5" width="417" border="0">
                    <tbody>
                      <tr>
                        <td></td>
                        <td>
        <div class="style10"><strong>{short-story}</strong></div>
        <span class="style10"><strong></strong></span><strong class="style10">{full-story}</strong><br />
                        <br />
                          </font>
        <table id="table6" width="211" border="0">
                              <tbody>
                                <tr>
                                  <td><p align="left"><font size="1" color="#333333" face="Verdana">
                                      <!-- no full story-->
                                  </font>
                                    <div class="style10" style="float: right;"></div></td>
                                </tr>
                              </tbody>
                        </table></td>
                      </tr>
                    </tbody>
                </table>
                <table id="table4" width="416" border="0">
                    <tbody>
                      <tr>
                        <td><font size="1" face="Verdana"> <span class="Estilo2"><strong><font color="#0c74ba"><div><img src="http://tupagina.webcindario.com/cutenews/data/upimages/reportero.gif" width="10" height="16" /> <span class="Estilo8">Por:<strong>{author-name}</strong></span></div></td>
                        <td><p align="right"><div style="float: right;"><img src="http://tupagina.webcindario.com/cutenews/data/upimages/mail_1.gif" width="16" height="11" /><span class="Estilo8">[com-link]( {comments-num} )  Comentarios[/com-link]</span></div>
                        </a></p></td>
                      </tr>
                    </tbody>
              </table></td>
            </tr>
            <tr>
              <td width="430"><img src="http://tupagina.webcindario.com/cutenews/data/upimages/red_bottom.png" width="430" height="17" /> </td>
            </tr>
              </tbody>
        </table>
        </br>
    Comment

    Add Coment Form:
    Deberás modificar la parte que dice "tupagina" poniendo el nombre de tu página.

    Espero que les haya servido!! [​IMG]
    Créditos:

    [​IMG] Templetes: "Israel"
    [​IMG]Tutorial CracionesRay

     

Compartir esta página