Home › Forum › Problemi Vari con WP › HEADER ANIMATA COME FARE?
-
AutorePost
-
-
6 Maggio 2010 alle 10:07 #13803rossoPartecipante
Ciao,
non mi intendo molto di linguaggi php ecc ecc,
vorrei un sistema facile per inserire una header animata per il mio sito.
Grazie.
-
6 Maggio 2010 alle 10:14 #73342EmmePartecipante
Dipende dal tipo di animazione che vuoi creare. Puoi usare una semplice gif animata, come anche un’animazione Flash (esistono anche programmi alternativi a Flash, un po’ più semplici da utilizzare).
-
6 Maggio 2010 alle 10:30 #73343rossoPartecipante
ciao,
a me piacerebbe che le immagini nella header ruotassero
stavo cercando di seguire le istruzioni a questo link:
però con scarsi risultati, ho creato 3 file .jpg chiamandoli header_1.jpg , header_2.jpg , header_3.jpg
sono andata a caricarli tramite ftp dentro:
/wp-content/themes/nomedeltema/image
ho sostituito il file esistente ed ho aggiunto gli altri, ora arriva la parte difficile (almeno per me) cioè andare a modificare header.php e style.css
sai come aiutarmi?
grazie
-
6 Maggio 2010 alle 10:31 #73344rossoPartecipante
Per chi sapesse come andare a modificare i vari linguaggi di seguito copio la parte header.php
<!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” <?php language_attributes(); ?>>
<head profile=”http://gmpg.org/xfn/11″>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
<title><?php if (is_home () ) { bloginfo(‘name’); } elseif ( is_category() ) { single_cat_title(); if(get_bloginfo(‘name’) != “”) echo ‘ – ‘ ; bloginfo(‘name’); }
elseif (is_single() ) { single_post_title(); }
elseif (is_page() ) { bloginfo(‘name’); if(get_bloginfo(‘name’) != “”) echo ‘: ‘; single_post_title(); }
else { wp_title(”,true); } ?></title>
<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/script.js”></script>
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
<!–[if IE 6]><link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/style.ie6.css” type=”text/css” media=”screen” /><![endif]–>
<!–[if IE 7]><link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/style.ie7.css” type=”text/css” media=”screen” /><![endif]–>
<link rel=”alternate” type=”application/rss+xml” title=”<?php printf(__(‘%s RSS Feed’, ‘kubrick’), get_bloginfo(‘name’)); ?>” href=”<?php bloginfo(‘rss2_url’); ?>” />
<link rel=”alternate” type=”application/atom+xml” title=”<?php printf(__(‘%s Atom Feed’, ‘kubrick’), get_bloginfo(‘name’)); ?>” href=”<?php bloginfo(‘atom_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
<?php wp_head(); ?>
</head>
<body>
<div id=”art-page-background-simple-gradient”>
</div>
<div id=”art-main”>
<div class=”art-Sheet”>
<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”>
<div class=”art-Header-jpeg”></div>
<div class=”art-Logo”>
<h1 id=”name-text” class=”art-Logo-name”>
/”><?php bloginfo(‘name’); ?></h1>
<div id=”slogan-text” class=”art-Logo-text”>
<?php bloginfo(‘description’); ?></div>
</div>
</div>
<div class=”art-nav”>
<div class=”l”></div>
<div class=”r”></div>
<ul class=”art-menu”>
<?php art_menu_items(); ?>
</div>
-
6 Maggio 2010 alle 10:33 #73345rossoPartecipante
E la parte style.css
/*
Theme Name: Tema villa somelli marzo 2010
Theme URI:
Description: Artisteer-generated theme
Version: 1.0
Author:
Author URI:
Tags: fixed width, right sidebar, two columns, valid XHTML, widgets
*/
/* begin Page */
/* Generated with Artisteer version 2.3.0.24592, file checksum is F924A378. */
body
{
margin: 0 auto;
padding: 0;
background-color: #EFEDE1;
}
#art-main
{
position: relative;
width: 100%;
left: 0;
top: 0;
}
#art-page-background-simple-gradient
{
position: absolute;
background-image: url(‘images/Page-BgSimpleGradient.jpg’);
background-repeat: repeat-x;
top:0;
width: 100%;
height: 900px;
}
.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}
form
{
padding:0 !important;
margin:0 !important;
}
table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */
/* begin Box, Sheet */
.art-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 779px;
min-width:35px;
min-height:35px;
}
.art-Sheet-body
{
position: relative;
z-index: 1;
padding: 13px;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
position:absolute;
z-index:-1;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
width: 34px;
height: 34px;
background-image: url(‘images/Sheet-s.png’);
}
.art-Sheet-tl
{
top:0;
left:0;
clip: rect(auto, 17px, 17px, auto);
}
.art-Sheet-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 17px, 17px);
}
.art-Sheet-bl
{
bottom: 0;
left: 0;
clip: rect(17px, 17px, auto, auto);
}
.art-Sheet-br
{
bottom: 0;
right: 0;
clip: rect(17px, auto, auto, 17px);
}
.art-Sheet-tc, .art-Sheet-bc
{
left: 17px;
right: 17px;
height: 34px;
background-image: url(‘images/Sheet-h.png’);
}
.art-Sheet-tc
{
top: 0;
clip: rect(auto, auto, 17px, auto);
}
.art-Sheet-bc
{
bottom: 0;
clip: rect(17px, auto, auto, auto);
}
.art-Sheet-cr, .art-Sheet-cl
{
top: 17px;
bottom: 17px;
width: 34px;
background-image: url(‘images/Sheet-v.png’);
}
.art-Sheet-cr
{
right:0;
clip: rect(auto, auto, auto, 17px);
}
.art-Sheet-cl
{
left:0;
clip: rect(auto, 17px, auto, auto);
}
.art-Sheet-cc
{
position:absolute;
z-index:-1;
top: 17px;
left: 17px;
right: 17px;
bottom: 17px;
background-image: url(‘images/Sheet-c.png’);
}
.art-Sheet
{
margin-top: -13px !important;
}
#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
min-width:779px;
}
/* end Box, Sheet */
/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 753px;
height: 251px;
}
div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 753px;
height: 251px;
background-image: url(‘images/Header.jpg’);
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
/* begin Logo */
.art-Logo
{
display : block;
position: absolute;
left: 218px;
top: 93px;
width: 535px;
}
h1.art-Logo-name
{
display: block;
text-align: center;
}
h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 48px;
font-style: normal;
font-weight: bold;
text-decoration: none;
padding:0;
margin:0;
color: #FFFFFF !important;
}
.art-Logo-text
{
display: block;
text-align: center;
}
.art-Logo-text, .art-Logo-text a
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: normal;
padding:0;
margin:0;
color: #FBF5E0 !important;
}
/* end Logo */
/* begin Menu */
/* menu structure */
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}
.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}
.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}
.art-menu li li
{
float: none;
}
.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}
.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}
.art-menu:after, .art-menu ul:after
{
content: “.”;
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}
.art-menu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* menu structure */
.art-menu
{
padding: 6px 3px 0px 3px;
}
.art-nav
{
position: relative;
height: 28px;
z-index: 100;
}
.art-nav .l, .art-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 28px;
background-image: url(‘images/nav.png’);
}
.art-nav .l
{
left: 0;
right:0px;
}
.art-nav .r
{
right: 0;
width: 753px;
clip: rect(auto, auto, auto, 753px);
}
/* end Menu */
/* begin MenuItem */
.art-menu ul li
{
clear: both;
}
.art-menu a
{
position:relative;
display: block;
overflow:hidden;
height: 22px;
cursor: pointer;
text-decoration: none;
margin-right: 1px;
margin-left: 1px;
}
.art-menu a .r, .art-menu a .l
{
position:absolute;
display: block;
top:0;
z-index:-1;
height: 66px;
background-image: url(‘images/MenuItem.png’);
}
.art-menu a .l
{
left:0;
right:5px;
}
.art-menu a .r
{
width:410px;
right:0;
clip: rect(auto, auto, auto, 405px);
}
.art-menu a .t
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #DDE0DC;
padding: 0 10px;
margin: 0 5px;
line-height: 22px;
text-align: center;
}
.art-menu a:hover .l, .art-menu a:hover .r
{
top:-22px;
}
.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
top:-22px;
}
.art-menu li:hover a .l, .art-menu li:hover a .r
{
top:-22px;
}
.art-menu a:hover .t
{
color: #232622;
}
.art-menu li:hover a .t
{
color: #232622;
}
.art-menu li:hover>a .t
{
color: #232622;
}
.art-menu a.active .l, .art-menu a.active .r
{
top: -44px;
}
.art-menu a.active .t
{
color: #070807;
}
/* end MenuItem */
/* begin MenuSubItem */
.art-menu ul a
{
display:block;
text-align: center;
white-space: nowrap;
height: 20px;
width: 180px;
overflow:hidden;
line-height: 20px;
margin-right: auto;
background-image: url(‘images/subitem-bg.png’);
background-position: left top;
background-repeat: repeat-x;
border-width: 0px;
border-style: solid;
}
.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}
.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 20px;
color: #474024;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.art-menu ul ul a
{
margin-left: auto;
}
.art-menu ul li a:hover
{
color: #F8F7F1;
background-position: 0 -20px;
}
.art-menu ul li:hover>a
{
color: #F8F7F1;
background-position: 0 -20px;
}
.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
color: #F8F7F1;
}
.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
color: #F8F7F1;
}
/* end MenuSubItem */
/* begin ContentLayout */
.art-contentLayout
{
position: relative;
margin-bottom: 1px;
width: 753px;
}
/* end ContentLayout */
/* begin Box, Block */
.art-Block
{
position:relative;
z-index:0;
margin:0 auto;
min-width:23px;
min-height:23px;
}
.art-Block-body
{
position: relative;
z-index: 1;
padding: 7px;
}
.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
{
position:absolute;
z-index:-1;
}
.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
{
width: 22px;
height: 22px;
background-image: url(‘images/Block-s.png’);
}
.art-Block-tl
{
top:0;
left:0;
clip: rect(auto, 11px, 11px, auto);
}
.art-Block-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 11px, 11px);
}
.art-Block-bl
{
bottom: 0;
left: 0;
clip: rect(11px, 11px, auto, auto);
}
.art-Block-br
{
bottom: 0;
right: 0;
clip: rect(11px, auto, auto, 11px);
}
.art-Block-tc, .art-Block-bc
{
left: 11px;
right: 11px;
height: 22px;
background-image: url(‘images/Block-h.png’);
}
.art-Block-tc
{
top: 0;
clip: rect(auto, auto, 11px, auto);
}
.art-Block-bc
{
bottom: 0;
clip: rect(11px, auto, auto, auto);
}
.art-Block-cr, .art-Block-cl
{
top: 11px;
bottom: 11px;
width: 22px;
background-image: url(‘images/Block-v.png’);
}
.art-Block-cr
{
right:0;
clip: rect(auto, auto, auto, 11px);
}
.art-Block-cl
{
left:0;
clip: rect(auto, 11px, auto, auto);
}
.art-Block-cc
{
position:absolute;
z-index:-1;
top: 11px;
left: 11px;
right: 11px;
bottom: 11px;
background-color: #F3F1E7;
}
.art-Block
{
margin: 7px;
}
/* end Box, Block */
/* begin BlockHeader */
.art-BlockHeader
{
position:relative;
z-index:0;
height: 30px;
padding: 0 7px;
margin-bottom: 7px;
}
.art-BlockHeader .t
{
height: 30px;
color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
white-space : nowrap;
padding: 0 6px;
line-height: 30px;
}
.art-BlockHeader .l, .art-BlockHeader .r
{
display:block;
position:absolute;
z-index:-1;
height: 30px;
background-image: url(‘images/BlockHeader.png’);
}
.art-BlockHeader .l
{
left:0;
right:10px;
}
.art-BlockHeader .r
{
width:773px;
right:0;
clip: rect(auto, auto, auto, 763px);
}
.art-header-tag-icon
{
height: 30px;
background-position:left top;
background-image: url(‘images/BlockHeaderIcon.png’);
padding:0 0 0 12px;
background-repeat: no-repeat;
min-height: 12px;
margin: 0 0 0 5px;
}
/* end BlockHeader */
/* begin Box, BlockContent */
.art-BlockContent
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}
.art-BlockContent-body
{
position: relative;
z-index: 1;
padding: 8px;
}
.art-BlockContent-body
{
color:#5C6459;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.art-BlockContent-body a:link
{
color: #6D6237;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
color: #848E80;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
color: #BB991B;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.art-BlockContent-body ul
{
list-style-type: none;
color: #232622;
margin:0;
padding:0;
}
.art-BlockContent-body ul li
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
text-decoration: none;
line-height: 125%;
line-height: 1.25em;
padding: 0px 0 0px 13px;
background-image: url(‘images/BlockContentBullets.png’);
background-repeat: no-repeat;
}
/* end Box, BlockContent */
/* begin Box, Post */
.art-Post
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}
.art-Post-body
{
position: relative;
z-index: 1;
padding: 10px;
}
.art-Post
{
margin: 7px;
}
/* Start images */
a img
{
border: 0;
}
.art-article img, img.art-article
{
border: solid 1px #B7A971;
margin: 1em;
}
.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
/* Finish images */
/* Start tables */
.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}
.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
background-color:Transparent;
}
.art-article th, .art-article td
{
padding: 2px;
border: solid 1px #C7BC8F;
vertical-align: top;
text-align:left;
}
.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}
/* Finish tables */
pre
{
overflow: auto;
padding: 0.1em;
}
/* end Box, Post */
/* begin PostHeaderIcon */
.art-PostHeader
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #2A2E29;
}
.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
margin:0;
color: #2A2E29;
}
/* end PostHeaderIcon */
/* begin PostHeader */
.art-PostHeader a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #4B4326;
}
.art-PostHeader a:visited, .art-PostHeader a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #484E46;
}
.art-PostHeader a:hover, .art-PostHeader a.hovered
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #AE8E19;
}
/* end PostHeader */
/* begin PostMetadata */
.art-PostMetadataHeader
{
padding:1px;
background-color: #E9E4D3;
border-color: #D4CCAA;
border-style: solid;
border-width: 1px;
}
/* end PostMetadata */
/* begin PostIcons */
.art-PostHeaderIcons
{
padding:1px;
}
.art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #2F332E;
}
.art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
margin:0;
}
.art-PostHeaderIcons a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #625932;
}
.art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #484E46;
}
.art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #AE8E19;
}
/* end PostIcons */
/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #393E37;
}
.art-PostContent p
{
margin: 0.5em 0;
}
.art-PostContent, .art-PostContent p
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: justify;
color: #393E37;
}
.art-PostContent
{
margin:0;
}
/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #847743;
}
/* Adds special style to an unvisited link. */
a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #847743;
}
/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #2F332E;
}
/* :hover – adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #AE8E19;
}
/* Finish Content link style */
/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}
/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #484E46;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #61695D;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #847743;
}
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #484E46;
}
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #484E46;
}
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #484E46;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */
/* begin PostBullets */
/* Start Content list */
ol, ul
{
color: #2A2E29;
margin:1em 0 1em 2em;
padding:0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
}
li ol, li ul
{
margin:0.5em 0 0.5em 2em;
padding:0;
}
li
{
margin:0.2em 0;
padding:0;
}
ul
{
list-style-type: none;
}
ol
{
list-style-position:inside;
}
.art-Post li
{
padding:0px 0 0px 13px;
line-height:1.2em;
}
.art-Post ol li, .art-Post ul ol li
{
background: none;
padding-left:0;
}
.art-Post ul li, .art-Post ol ul li
{
background-image: url(‘images/PostBullets.png’);
background-repeat:no-repeat;
padding-left:13px;
}
/* Finish Content list */
/* end PostBullets */
/* begin PostQuote */
/* Start blockquote */
blockquote,
blockquote p,
.art-PostContent blockquote p
{
color:#0F100E;
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-align: left;
}
blockquote,
.art-PostContent blockquote
{
border:solid 1px #D4CCAA;
margin:10px 10px 10px 50px;
padding:5px 5px 5px 41px;
background-color:#E9E4D3;
background-image:url(‘images/PostQuote.png’);
background-position:left top;
background-repeat:no-repeat;
}
/* Finish blockuote */
/* end PostQuote */
/* begin PostMetadata */
.art-PostMetadataFooter
{
padding:1px;
background-color: #E9E4D3;
border-color: #D4CCAA;
border-style: solid;
border-width: 1px;
}
/* end PostMetadata */
/* begin PostIcons */
.art-PostFooterIcons
{
padding:1px;
}
.art-PostFooterIcons, .art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #2F332E;
}
.art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
{
margin:0;
}
.art-PostFooterIcons a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #625932;
}
.art-PostFooterIcons a:visited, .art-PostFooterIcons a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #484E46;
}
.art-PostFooterIcons a:hover, .art-PostFooterIcons a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #AE8E19;
}
/* end PostIcons */
/* begin Button */
.art-button-wrapper .art-button
{
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:32px;
margin:0 !important;
padding:0 !important;
overflow: visible;
cursor: default;
text-decoration: none !important;
z-index:0;
vertical-align: middle;
}
.art-button img, .art-button-wrapper img
{
margin: 0;
}
.art-button-wrapper
{
display:inline-block;
vertical-align: middle;
position:relative;
height: 32px;
overflow:hidden;
white-space: nowrap;
width: auto;
z-index:0;
}
.firefox2 .art-button-wrapper
{
display:block;
float:left;
}
.art-button-wrapper .art-button
{
display:block;
height: 32px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
white-space: nowrap;
text-align: left;
padding: 0 21px !important;
line-height: 32px;
text-decoration: none !important;
color: #000000 !important;
}
input, select
{
vertical-align: middle;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.art-button-wrapper.hover .art-button, .art-button:hover
{
color: #000000 !important;
text-decoration: none !important;
}
.art-button-wrapper.active .art-button
{
color: #FCF9ED !important;
}
.art-button-wrapper .l, .art-button-wrapper .r
{
display:block;
position:absolute;
z-index:-1;
height: 96px;
background-image: url(‘images/Button.png’);
}
.art-button-wrapper .l
{
left:0;
right:10px;
}
.art-button-wrapper .r
{
width:409px;
right:0;
clip: rect(auto, auto, auto, 399px);
}
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
top: -32px;
}
.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
top: -64px;
}
/* end Button */
/* begin Footer */
.art-Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 753px;
margin: 5px auto 0px auto;
}
.art-Footer .art-Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 8px;
text-align: center;
}
.art-Footer .art-Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url(‘images/Footer.png’);
width: 753px;
height: 150px;
bottom:0;
left:0;
}
.art-rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url(‘images/rssIcon.png’);
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 25px;
width: 25px;
cursor: default;
}
.art-Footer .art-Footer-text p
{
margin: 0;
}
.art-Footer .art-Footer-text
{
display:inline-block;
color:#221F11;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.art-Footer .art-Footer-text a:link
{
text-decoration: none;
color: #665C33;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
.art-Footer .art-Footer-text a:visited
{
text-decoration: none;
color: #191B18;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
.art-Footer .art-Footer-text a:hover
{
text-decoration: none;
color: #866D13;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */
/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#B3911A;
}
.art-page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#887A44;
}
/* end PageFooter */
/* begin LayoutCell */
.art-contentLayout .art-content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 564px;
}
.art-contentLayout .art-content-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 752px;
}
/* end LayoutCell */
/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 188px;
}
/* end LayoutCell */
.commentlist, .commentlist li
{
background: none;
}
.commentlist li li
{
margin-left:30px;
}
.commentlist li .avatar
{
float: right;
border: 1px solid #eee;
padding: 2px;
margin:1px;
background: #fff;
}
.commentlist li cite
{
font-size:1.2em;
}
#commentform textarea
{
width: 100%;
}
img.wp-smiley
{
border:none;
margin:0;
padding:0;
}
.navigation
{
display: block;
text-align: center;
}
/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.alignright img, img.alignright
{
margin: 1em;
margin-right: 0;
}
.alignleft img, img.alignleft
{
margin: 1em;
margin-left: 0;
}
.wp-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End */
.hidden
{
display: none;
}
/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
.gallery {
letter-spacing: normal;
}
#todays-events{
position: relative;
z-index: 11;
}
#upcoming-events{
position: relative;
z-index: 10;
}
-
6 Maggio 2010 alle 10:40 #73346EmmePartecipante
Se metti anche un link al sito è più semplice.
-
6 Maggio 2010 alle 12:36 #73350rossoPartecipante
-
6 Maggio 2010 alle 12:58 #73352EmmePartecipante
Leggendo cosଠal volo, l’immagine del tuo header viene richiamata dal css come sfondo, mentre a te servirebbe che venisse richiamata nell’header.php in modo da poterla modificare col comando descritto nell’articolo. Dovresti quindi mettere mano al codice per cambiare in primo luogo questa cosa.
Il pezzo su cui devi lavorare credo sia questo:
<div class="art-Header-jpeg"></div>
<div class="art-Logo">
<h1 id="name-text" class="art-Logo-name">
/"><?php bloginfo('name'); ?></h1>
<div id="slogan-text" class="art-Logo-text">
<?php bloginfo('description'); ?></div>
</div>
</div>
Mentre per togliere l'immagine dal css lavorerai su
div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 753px;
height: 251px;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
Prendi queste indicazioni a livello indicativo, dato che non posso testarle e fai sempre una copia di quello che vai a modificare per sicurezza.
-
6 Maggio 2010 alle 13:11 #73354EmmePartecipante
Prova cosà¬. Dal CSS togli
div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 753px;
height: 251px;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
Ora, nell'header, al posto di
<div class="art-Header-jpeg">
metti
<div style="position: absolute; z-index:-1; top: 0; left: 0; width: 753px; height: 251px; background-image: url('<?php bloginfo('siteurl'); ?>/wp-content/themes/Tema_villa_somelli_marzo_2010/images/Header.jpg'); background-repeat: no-repeat; background-position: center center;">
E a quel punto procedi con la modifica indicata in quell'articolo, sostituendo
<?php bloginfo('siteurl'); ?>/wp-content/themes/Tema_villa_somelli_marzo_2010/images/Header.jpg
con
<?php bloginfo('siteurl'); ?>/wp-content/themes/Tema_villa_somelli_marzo_2010/images/header_<?php
etc...
-
6 Maggio 2010 alle 13:17 #73355rossoPartecipante
ok, faccio una prova e ti faccio sapere, per ora grazie.
-
6 Maggio 2010 alle 13:22 #73356rossoPartecipante
scusa ma non ho capito benissimo, in questo pezzo:
<div class=”art-Header”>
<div class=”art-Header-jpeg”></div>
<div class=”art-Logo”>
<h1 id=”name-text” class=”art-Logo-name”>
/”><?php bloginfo(‘name’); ?></h1>
<div id=”slogan-text” class=”art-Logo-text”>
<?php bloginfo(‘description’); ?></div>
</div>
</div>
<div class=”art-nav”>
<div class=”l”></div>
<div class=”r”></div>
<ul class=”art-menu”>
<?php art_menu_items(); ?>
</div>
de andare a mettere quello che mi hai mandato te?
grazie
-
6 Maggio 2010 alle 13:32 #73357rossoPartecipante
ho copiato:
<div style=”position: absolute; z-index:-1; top: 0; left: 0; width: 753px; height: 251px; background-image: url(‘<?php bloginfo(‘siteurl’); ?>/wp-content/themes/Tema_villa_somelli_marzo_2010/images/Header.jpg’); background-repeat: no-repeat; background-position: center center;”>
al posto di:
<div class=”art-Header-jpeg”>
e mi è sparita l’immagine della header, adesso non ho capito bene cosa devo andare a fare….
scusa, ma come avrai capito sono molto alle prime armi….
garzie!
-
6 Maggio 2010 alle 13:37 #73358EmmePartecipante
Prova con
<div style="position: absolute; z-index:-1; top: 0; left: 0; width: 753px; height: 251px; background-image: url('http://www.villasomelli.org/wp-content/themes/Tema_villa_somelli_marzo_2010/images/Header.jpg'); background-repeat: no-repeat; background-position: center center;">
Assicurati che il percorso dell'immagine sia corretto, io l'ho preso dal sito.
-
6 Maggio 2010 alle 13:42 #73359EmmePartecipante
Comunque ripeto, son tentativi che devi cercare di riadattare tu. Per essere sicuro che funzioni dovrei mettere le mani sul codice personalmente.
-
6 Maggio 2010 alle 13:47 #73360rossoPartecipante
ho fatto confusione e mi è sparito tutto, per fortuna mi ero fatta un backup!!ancora non sono in grado di eleborare questi linguaggi.
grazie comunque.
senti, un consiglio, al massimo qualche plugin senza toccare i linguaggi php o css che mi faccia caricare un file .swf?
grazie ancora.
-
6 Maggio 2010 alle 13:52 #73361EmmePartecipante
Personalmente non ne conosco, ma se anche lo trovassi credo sarebbe difficile non dover mettere comunque mano al codice.
-
6 Maggio 2010 alle 13:53 #73362rossoPartecipante
eh, mi sa anche a me!
comunque grazie!!
-
6 Maggio 2010 alle 15:58 #73369zhenyaPartecipante
Ci sono temi, molti – e mi viene in mente amazing grace e blu grace di Prelovac – che nell’header hanno ciò che vai cercando.
Se studi dissezione di un tema dal wiki potrebbe essere che dissezionando qualcuno di questi altri temi trovi le parti di codice da adottare nel tuo..
-
7 Maggio 2010 alle 7:21 #73381rossoPartecipante
ma sono gratuiti o a pagamento?è
garzie!!
-
7 Maggio 2010 alle 16:18 #73402zhenyaPartecipante
Ovvio che sono gratuiti; li trovi anche su wordpress.org e, come dicevo, ci sono molti temi gratuiti che includono quella funzione nell’header.
-
-
AutorePost
- Devi essere connesso per rispondere a questo topic.