[RISOLTO] img Random Header

[masmaz]

ti agevolo e in parte mi auto rispondo.....
dunque ho visto che hai usato RokSlideshow

nel file index di joomla ho notato che c'e' questo codice:

Codice: [Seleziona]

<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">

<h1 class="logo">
<a href="/index.php" title="plutozio"><span>plutozio</span></a>
</h1>
<div id="silder">
<div id="slidewrap">
<div id="slideshow"></div>
<div id="loadingDiv"></div>
</div>
<script type="text/javascript">
window.RokSlideshowPath = '';
window.addEvent('load', function(){
var imgs = [];

imgs.push({
file: '2.jpg',
title: '',
desc: '',
url: '#'
  });
imgs.push({
file: '3.jpg',
title: '',
desc: '',
url: '#'
  });
imgs.push({
file: 'audi1.jpg',
title: '',
desc: '',
url: '#'
  });

var myshow = new Slideshow('slideshow', {
type: 'combo',
showTitleCaption: 1,
captionHeight: 45,
width: 730,
height: 200,
pan: 50,
zoom: 50,
loadingDiv: 1,
resize: true,
duration: [2000, 9000],
transition: Fx.Transitions.Expo.easeOut,
images: imgs,
path: '/images/stories/rs/'
});

myshow.caps.h2.setStyles({
color: '#fff',
fontSize: '13px'
});
myshow.caps.p.setStyles({
color: '#ccc',
fontSize: '11px'
});
});
</script>


 il codice java lo hai messo tu in quella posizione o lo registrsa il modulo una volta installato...

la stringa:

Codice: [Seleziona]

<div id="silder">
<div id="slidewrap">
<div id="slideshow"></div>
<div id="loadingDiv"></div>
</div>
questo è sicuramente la parte che mi diveti tu....  ma dove l'hai inserita nel css o nel file index del template??

[conti1]

allo il pezzo del  randon originale e questo
e on ti serve se metti il tuo
dove c'è scritto serve devi tenerlo  IL RESTO LO PUOI TOGLERE oppure farlo diventare un commento

Codice: [Seleziona]

<!-- BEGIN: HEADER -->

<div id="ja-headerwrap"> <-serve

<div id="ja-header" class="clearfix" style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>) no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;">

<div class="ja-headermask">&nbsp;</div>

<div class="ja-headermask">&nbsp;</div>

<?php <-serve


$siteName = $tmpTools->sitename();

questo e dove devi inserire il modolo io lo chiamato silder

Codice: [Seleziona]

if ($tmpTools->getParam('logoType')=='image'): ?>
<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>
<div id="silder">  <--aggiungi questo
<jdoc:include type="modules" name="silder" /> <--e questo

<?php else:
$logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText');
$sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText'); ?>
<h1 class="logo-text">
il css

Codice: [Seleziona]

div#silder {
text-align: center;
margin-top: -80px;
}
giustamente dovrai ritoccare il css originale  x l'altezza come hai fatto nel tuo x far vedere le tue foto

il modulo che uso  di solito e RokSlideshow

[masmaz]

il css

Codice: [Seleziona]

div#silder {
text-align: center;
margin-top: -80px;
}

ma questo css  e quello del template???

[conti1]

certo lo devi aggiungere  nel template.css

[masmaz]

certo lo devi aggiungere  nel template.css

ok  ma in quale posizione di queste?

Codice: [Seleziona]

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
background: #333333;
color: #CCCCCC;
line-height: normal;
height: 200px;
}

#ja-header {
position: relative;
height: 200px;
}


#ja-header a {
color: #ffffff;
}

h1.logo, h1.logo-text {
margin: 0 0 0 5px;
padding: 0;
font-size: 150%;
text-transform: uppercase;
}

h1.logo a {
width: 100px;
display: block;
background: url(../images/logo.png) no-repeat;
height: 20px;
position: absolute;
z-index: 100;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}

p.site-slogan {
margin: 0;
padding: 0;
padding: 2px 5px;
color: #FFFFFF;
background: #444444;
font-size: 92%;
position: absolute;
bottom: 20px;
left: 0;
}



  come non detto...... fatto

[masmaz]

ok finalmente funziona ora pero c'e' il problema dello sfondo e della posizione.....
anche se ho dovuto reinstallare rokslide  in quando quello di default aveva un bug

uesti i problemi:
non risponde ai comandi....
mi sta tutto a sinistra
lo sfondo è bianco.....

[conti1]

ciao non vedo il css aggiunto per-forza che ti sta tutto a sx.
e se lo hai messo  dove e come lo hai scritto

[masmaz]

ciao non vedo il css aggiunto per-forza che ti sta tutto a sx

dunque ho risolto il problema del colore di sfondo.... avevo lasciato un  </div> di troppo

ti assicuro che ho messo tutto quello che mi hai detto tu:

file index

Codice: [Seleziona]

<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">



<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam('logoType')=='image'): ?>
<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>

<div id="silde_headers">   
<jdoc:include type="modules" name="Slide_headers" />

<?php else:
$logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText');
$sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText'); ?>
<h1 class="logo-text">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a>
</h1>
css

Codice: [Seleziona]

/* HEADER
--------------------------------------------------------- */

div#Slide_headers {
text-align: center;
margin-top: -80px;
}

#ja-headerwrap {
background: #333333;
color: #CCCCCC;
line-height: normal;
height: 202px;
}

#ja-header {
position: relative;
height: 200px;
}


#ja-header a {
color: #333333;
}

h1.logo, h1.logo-text {
margin: 0 0 0 5px;
padding: 0;
font-size: 150%;
text-transform: uppercase;
}

h1.logo a {
width: 100px;
display: block;
background: url(../images/logo.png) no-repeat;
height: 20px;
position: absolute;
z-index: 100;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}

p.site-slogan {
margin: 0;
padding: 0;
padding: 2px 5px;
color: #333333;
background: #444444;
font-size: 92%;
position: absolute;
bottom: 20px;
left: 0;
}


nel modulo gli ho dato come posizione lo stesso nome che ho messo sia nel file index che nel css cioè Slide_headers

dove ho sbagliato....

[conti1]

prova a scriverlo cosi

#Slide_headers
e se non lo prende
riscrivi il tutto in questo modo che almeno so che non ci sono conflitti  di  scrittura

Codice: [Seleziona]

<div id="silder">
<jdoc:include type="modules" name="silder" />
con il ccs che to postato oggi se riscrivi il tutto  ricordati di rinominare la posizzione del modulo in silder

[masmaz]

mah diciamo che non è cambiato nulla ho solo dovuto portare il margin-top:  da -80 a 0px;

per il resto nulla di nuovo è sempre tutto a sinistra....

secondo me sono le tre A  +- che danno fastidio.....


......no non sono loro..............

[conti1]

non centra nulla  le lettere a+

tu togli qualcosa del html che non devi toccare
ho incollato il mio html sopra il tuo sito  usando il tuo css rinominando solo da silder a header i l'immagine si posta al centro  io se fossi in te cambierei il indeex e lo rimetterei originale senza togliere nulla solo quelle due cose che to detto visto che tu hai addirittura le lettere in basso e io le ho in alto.

fai una cosa salva il tuo php e usa questo che il mio

rin omina solo il css da hesder a silder poi dimmi ache succede


[allegato eliminato da un amministratore perchè più vecchio di 365 giorni]

[masmaz]

credo di non aver capito cosa intendi....

io ho provato a scaricare il codice del tuo index del sito..... la posizione del codice riferito all'header sono identici.....
stessa cosa per i css, non capisco quindi perche...

le lettere a+ le ho messe in basso perche in alto c'e' il logo, tramite il css lo cosi spostato ma non ho tolto nulla  dal file index  che per altro a parte le modifiche che tu mi hai detto è come l'originale.....

[conti1]

salvati il tuo php e metti quello che hai preso qui oopure
zippa il tuuo e mettilo qui che lo confronto con il mio

[masmaz]

in allegato il file index.....

se rimetto tutto come prima l'immagine va al centro, ma è normale  il template usa la configurazione originale....

ma se metto un index originale  gli faccio la modifiche che hai postato e lo metto online il risultato è lo stesso immagine tutta a sinistra......

[allegato eliminato da un amministratore perchè più vecchio di 365 giorni]

[conti1]

ho provato il tuo php ho solo rinominato come silder  e funziona tutto l'immagine e al centro
bo non so che dirti funziona ora resta  solo il css che potrebbe far casino

[masmaz]

, guarda ora sono molto stanco domani mattina mi ci dedico nuovamente

per ora ti ringrazio infinitamente per il tempo dedicatomi

buona notte

[masmaz]

Questo è il file css......

tuttavia voglio fare una prova ma mi sa che sarà devastante per il sito in quanto molte cose le ho spostate.....  provo

[allegato eliminato da un amministratore perchè più vecchio di 365 giorni]

[masmaz]

ho provato il tuo php ho solo rinominato come silder  e funziona tutto l'immagine e al centro
bo non so che dirti funziona ora resta  solo il css che potrebbe far casino

mha non so che dire ora ho messo index originale e css originale cone le modifiche che mi hai indicato, ma l'immagine rimane sempre a sinistra....  non capisco perche a te deve rimanere al centro 

misteri dell'informatica....  

pero adesso che ci penso tu a sinistra hai il logo di joomla prova a toglierlo......

[masmaz]

ho provato a creare una immagine con del bordo a sinistra, il risultato è stato che a destra l'immagine risulta tagliata come e a destra ci fosse una immagine che si sovrappone alla mia...

come faccio a toglierla 

[conti1]

ciao non puoi mettere del testo come hai fatto tu non una una tabella divisa a colonne  x far quello che stai facendo ora passami il css che vediamo cosa e che lo blocca a sinistra .