Colocar borde a la web

Estoy terminando la web http://www.eluniversodelperro.com/prueba/ y me gustaria poner un borde de 1 (por ejemplo) y de color (rojo, por ejemplo) y hacer un redodneado de las esquinas de lo que vendria a ser toda la web (desde la foto que "sujetan los perros con la pata" incluida hasta despues de los de "En colaboracion con.."

¿Alguien sabe como puedo hacerlo?

Aqui os paso el codigo HTML /PHP para que me digais que capa es la que tengo que modificar, y el que le tengo que añadir a la hoja de estilos.

<?php
defined('_JEXEC') or die('Restricted access'); // no direct access
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = null;
if (isset($this))
  $document = & $this;
$baseUrl = $this->baseurl;
$templateUrl = $this->baseurl . '/templates/' . $this->template;
artxComponentWrapper($document);
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 <jdoc:include type="head" />
 <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
 <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
 <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
 
 
 <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
</head>
<body>
<div style="width:100%; height:45px;" ></div>


<div id="centroo">
<jdoc:include type="modules" name="center" style="xhtml" />
</div>

<div id="centroo2" align= "center">
<jdoc:include type="modules" name="centropant" style="xhtml" />
</div>


<div id="art-page-background-simple-gradient">
    <div id="art-page-background-gradient"></div>
</div>
<div id="art-main">
<div class="art-sheet">
<div class="moduletable_search"><jdoc:include type="modules" name="search" /></div>
<div class="logo">
[url="<?php echo $baseUrl; ?>/"][img]<?php echo $templateUrl; ?>/images/spacer.gif[/img][/url]
</div>


<div class="pic"></div>
    <div class="art-sheet-tl"></div>
    <div class="art-sheet-tr"></div>
    <div class="art-sheet-bl"></div>
    <div class="art-sheet-br"></div>
    <div class="art-sheet-tc"></div>
    <div class="art-sheet-bc"></div>
    <div class="art-sheet-cl"></div>
    <div class="art-sheet-cr"></div>
    <div class="art-sheet-cc"></div>
    <div class="art-sheet-body">
<div class="art-header">

<jdoc:include type="modules" name="header-pos" />

    <div class="art-header-jpeg"></div>

</div>
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />
<?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>

<div align="right">
[url="http://www.tuenti.com/#m=Profile&amp;func=index&amp;user_id=70119306"][img]http://www.eluniversodelperro.com/iconotuenti.gif[/img][/url]

                [url="https://twitter.com/universoperro/"][img]http://www.eluniversodelperro.com/twiter.png[/img][/url]
                [url="http://www.facebook.com/pages/ElUniversodelperro/144383705602761"][img]http://www.eluniversodelperro.com/facebook.png[/img][/url]

[url="http://www.youtube.com/eluniversodelperro"][img]http://www.eluniversodelperro.com/iconoyoutube.gif[/img][/url]
[url="http://www.eluniversodelperro.com/Foro/donate/index.php"][img]http://www.eluniversodelperro.com/paypal.gif[/img][/url]

|
<?php
$a = substr($_SERVER['REQUEST_URI'], 0); 
?>
<a href="http://www.eluniversodelperro.com
<?php 
echo $a;
?>
?format=pdf" title="PDF" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow">[img]/prueba/templates/dogs_cats_v2/images/pdf_button.png[/img]</a>  [url="/prueba/perros/razas/cocker-spaniel-ingles?tmpl=component&amp;print=1&amp;page="][img]/prueba/templates/dogs_cats_v2/images/printButton.png[/img][/url] [url="/prueba/component/mailto/?tmpl=component&amp;link=aHR0cDovL3d3dy5lbHVuaXZlcnNvZGVscGVycm8uY29tL3BydWViYS9wZXJyb3MvcmF6YXMvY29ja2VyLXNwYW5pZWwtaW5nbGVz"][img]/prueba/templates/dogs_cats_v2/images/emailButton.png[/img][/url]
</div>


</div>




<div class="art-content-layout">
    <div class="art-content-layout-row">

<?php if (artxCountModules($document, 'left')) : ?>
<div class="art-layout-cell art-sidebar1"><?php echo artxModules($document, 'left', 'art-block'); ?>
</div>
<?php endif; ?>
<div class="art-layout-cell art-<?php echo artxGetContentCellStyle($document); ?>">

<?php
  echo artxModules($document, 'banner2', 'art-nostyle');
  if (artxCountModules($document, 'breadcrumb'))
    echo artxPost(null, artxModules($document, 'breadcrumb'));
  echo artxPositions($document, array('user1', 'user2'), 'art-article');
  echo artxModules($document, 'banner3', 'art-nostyle');
?>




<?php if (artxHasMessages()) : ?>

<div class="art-post">


    <div class="art-post-body">

<div class="art-post-inner">
<div class="art-postcontent">


    




<jdoc:include type="message" />



    


</div>


<div class="cleared"></div>

</div>

		<div class="cleared"></div>
    </div>
</div>
<?php endif; ?>

<jdoc:include type="component" />
<?php echo artxModules($document, 'banner4', 'art-nostyle'); ?>



<?php echo artxPositions($document, array('user4', 'user5'), 'art-article'); ?>
<?php echo artxModules($document, 'banner5', 'art-nostyle'); ?>
</div>

<?php if (artxCountModules($document, 'right')) : ?>
<div class="art-layout-cell art-sidebar2"><?php echo artxModules($document, 'right', 'art-block'); ?>
</div>
<?php endif; ?>

    </div>
</div>
<div class="cleared"></div>

<?php echo artxPositions($document, array('bottom1', 'bottom2', 'bottom3'), 'art-block'); ?>
<jdoc:include type="modules" name="banner6" style="artstyle" artstyle="art-nostyle" />
<div class="art-footer">
 <div class="art-footer-inner">
  <?php echo artxModules($document, 'syndicate'); ?>
  <div class="art-footer-text">
  <?php if (artxCountModules($document, 'copyright') == 0): ?>


Con la colaboración de [b][url="http://tu-web-gratis.com"]Tu Web Gratis ™[/url][/b]</p>


  <?php else: ?>
  <?php echo artxModules($document, 'copyright', 'art-nostyle'); ?>
  <?php endif; ?>
  </div>
 </div>
 <div class="art-footer-background"></div>
</div>

		<div class="cleared"></div>
    </div>
</div>
<div class="cleared"></div>

</div>
<div style="width:100%; height:45px; background: url('http://www.eluniversodelperro.com/hierbas.gif') repeat-x;position:absolute;top:0;left:0;"></div>
<div style="width:100%; height:181px;"></div>
<div style="width:100%; height:181px; background: url('http://www.eluniversodelperro.com/hierbas1.gif') repeat-x;position:absolute;margin-top:-181px;left:0;"></div>
</body> 
</html>

Muchas gracias y un saludo
Lo del borde es facil:
border-LADO: 1px solid #000000;
Esto metelo en el css de la capa a bordear. El lado puede ser: top, right, bottom, left.
Ahora bien pa los redondeos lo mas facil es CSS3. Lee el post que esta en mi firma para aprender truquillos muy chulos.

Eso si, te recomiendo leerte el CPPCHK.

Edito: El #000000 significa negro en hexadecimal.
De acuerdo, pero la cosa tambien es que ese codigo yo no lo he creado ya que es de Joomla, y no se muy bien cual la capa a la que lo tengo que aplicar, entrando en la web (/prueba/) ¿podras saber cual es?

Muchas gracias por tu ayuda.
Ok, gracias estoy en ello, pero he colocado esto para la imagen del header:

border-top: 3px solid #DF0101;
border-left: 3px solid #DF0101;
border-right: 3px solid #DF0101;

y en el lado derecho no me pone el borde rojo, ¿Alguna idea de porque no lo hace?

Gracias y un saludo
Ya he conseguido ponerlo por los 4 lados, pero la cosa es que esa capa que yo busco, ya trae un espacio por arriba, derecha e izquierda, por lo tanto, el borde queda un poco desplazado, lo puedes observar aqui: http://www.eluniversodelperro.com/prueba/


Este es el codigo que hace referencia a esa capa


.art-sheet
{
  position: relative;
  z-index: 0;
  margin: 0 auto;
  width: 967px;
border-top: 3px solid #DF0101;
border-left: 3px solid #DF0101;
border-right: 3px solid #DF0101;
border-bottom: 3px solid #DF0101;
  min-width: 23px;
  min-height: 23px;

}


¿Que tengo que modificar para que no me deje esos espacios?

Gracias
Ya lo vi antes, pero a lo que me referia es que no debe ser asi. A ver, en tu pagina, si o si, debes colocar bordes a todas las capas que quieres que tenga. Es decir borde arriba, a la derecha e izquierda al logo, derecho e izquierdo al contenido y derecho, inferior e izquierdo al pie.

Lo pillas?
Si que lo pillo, pero el mayor problema es que no se cual es la capa cotnenido para poder aplicarle el borde correspondiente, porque como ya te dije el template es de Joomla, y yo no se que nombre tiene esa capa.

Po reso pregunto, y puse el codigo al principio, para ver si alguien sabia la capa que era (la del logo es art-header-jpg) y la del contenido (art-footer CREO), pero la del contenido no se cual es, y ahi es la ucestion.
Creo que la del contenido es art-post casi seguro pero también puede ser art-article. Prueba con las dos.

Yo lo que hice es ver el código fuente de la web (no el que tu pusiste) y seleccionando el texto de la capa y dándole a ver el código, te sale en qué capa está. Eso sí, sólo con firefox ;)

Saludos
Muchas gracias Foley, he estado probando en esas capas y lo que bordea es dentro de la capa done aparecen los bloques y el articulo, etc.

Ahora, he puesto el borde en el header y en el footer, y lo he puesto tambien (left y right) en la capa: "art-sheet-body". Si miras por el lado izquierdo, veras dos bordes, pues ya sabras cual es la de esta capa ("art-sheet-body"), yo creo que la capa en la que queremos poner el borde esta cerca de esta que te digo, te agradeceria que me pudieras ayudar porque llevo un rato y no lo consigo.

Muchas gracias y un saludo
Espera, que no me aclaro :oops:

Dónde quieres el borde? En la capa de fondo blanco? Que el borde empiece justo encima de esos iconos de youtube, facebook y demás, no?

Si es así, mira de poner el borde a la capa art-content-layout

Saludos
No, perdona Foley que seguramente no me explicado muy bien.

Quiero bordearr el header (arriba, derecha e izquierda), el footer (abajo, derecha e izquierda) y la capa correspondiente para bordear a todo el cotenido (derecha e izquierda).

Si entras en la web, creo que veras la idea de lo que pretendo, lo que pasa es que tengo que conseguir que en lugar de bordear hasta los iconos de youtube, etc, me bordee hasta el footer, y no me aclaro con las capas.
Victor, esa plantilla tuya de joomla tiene muchísimas capas, es que hay partes que abre 5 capas una detrás de otra y sin haber hecho la plantilla lo único que puedes hacer es probar con todas aunque lo más fácil es contactar con el creador de la misma, pedirle permiso para modificarla (supongo que te dejará) y preguntarse qué capa habría que modificar para poner borde al contenido.

Yo más no te puedo decir...
Al final le he aplicado un borde a toda la web (aunque me deja un espacio ente lo blanco y el borde que no queda mal); lo unico que en la parte de abajo no me dejaba ese espacio, y yo he puesto un
donde he considerado, pero lo que he conseguido es que me deje el espacio como en todos pero que tambien me deje un espacio en blanco.

¿Se te ocurre como puedo quitar ese espacio blanco (de abajo del todo) y que se convierta en naranja?

No hablco con el creador del template porque me dira que ponga lo de "creador por..." y he modificado tanto la plantilla que quiero quitarlo.

Un saludo
victor5atodogas escribió:¿Se te ocurre como puedo quitar ese espacio blanco (de abajo del todo) y que se convierta en naranja?

Pues la verdad no lo sé, no sé por qué sale ese espacio aunque a mí me gusta así con él, yo lo dejaría como está.

victor5atodogas escribió:No hablco con el creador del template porque me dira que ponga lo de "creador por..." y he modificado tanto la plantilla que quiero quitarlo.

:lol: :lol: :lol:
Y si te lo dice está en su derecho, date cuenta que por mucho que modifiques la plantilla, las imágenes siguen siendo de su creador (y mucho del código también) y si quiere puede meterte mano y obligarte a sacarlas...pero bueno allá cada uno con su conciencia. Estas cosas son las que al final llevan a muchos diseñadores/programadores a no ofrecer cosas gratis, a cobrar por todo, porque para que luego no respeten los copyrights/licencias... no crees? :roll:
Exactamente me querian hacer a mi... un sistema que me compraban por mas de 300 euros querian gratis, los codigos y todo asin x la cara o.O Despues tambien querian quitar el C!!!
Vamos a ver, yo creo que opiniones hay muchas y tampoco es plan de aprovecharse.

Cuando alguien ofrece algo gratis ya sabe a lo que se expone, de todas formas a mi tambien me parece muy mal que hay gente que descargue una plantilla, no modifique nada y le quite el Copyright. Mi caso es diferente, porque en la base, todas las plantillas son iguales, cambian los colorcicos, tener 2 modulos a la derecha en lugar de uno, y cosas a asi, y la verdad es que yo he modificado bastante el asunto y me he matado yo la cabeza para modificarlo con otras imagenes y de todo.

De todas formas yo respeto al que hace las cosas, que se lo que es matarse la cabeza.

Ademas soy legal y las cosas claras, sino obserbad como ha quedado el Footer.
victor5atodogas escribió:De todas formas yo respeto al que hace las cosas, que se lo que es matarse la cabeza.
El programador (hombre, mujer, nino, bebe, gato, perro, dinosaurio... quien fuese) hizo mas que tu de todas maneras, muchiiiiiiiiiiiiiisimo mas.
No si eso ya lo se, yo en ningun mmento le he quitado o he intentado quitarle merito, que su trabajo es.

Por cierto mirad que os parece vuestro enlace en la web (/prueba/).
De acuerdo, Como os he dicho antes las cosas claras, y a mi no me importa poneros un enlace ya que siempre que os pregunto algo contestais lo antes posible e intentais ayudar.
Por cierto no se porque, pero por mucho subrayado que le ponga a esta web y a la mia no los subraya.

¿Sabeis porque?