Τεντωμα εικονας logo ?

[lionKingMan]

Δεν έχει ρυθμίσεις γιατί είναι αποκλειστικά για την εικόνα logo (πάνω δεξιά, εικόνα simplemachines)
Το όνομα της εικόνας μπορεί να είναι οτιδήποτε, το mod παίρνει τα id της περιοχής (div) και της εικόνας (img)

Σε εμενα υπαρχουν δυο εικονες.
Η "πισω" εικονα body-bg.jpg
και η μπροστα εικονα logo.png.

Εγκατεστησα το mod σου αλλα δεν δουλευει.Το ειδα και σε αλλα pc με αλλες αναλυσεις....
Μπες να το δεις αν θελεις.http://teikozanis.gr

[nikan]

Επισύναψε το αρχείο index.template.php ή όλο το κομμάτι του κώδικα που είναι αυτές οι εικόνες, όχι μόνο τα <img ...>

[lionKingMan]

Επισύναψε το αρχείο index.template.php ή όλο το κομμάτι του κώδικα που είναι αυτές οι εικόνες, όχι μόνο τα <img ...>

Δεν καταλαβα.......Να ανεβασω το σρχειο?

[nikan]

Ναι αυτό εννοώ, ανέβασε το αρχείο index.template.php της εμφάνισης που έχεις ή γράψε τον κώδικα που αφορά τις εικόνες της περιοχής logo.
Αν βάλεις κώδικα πρέπει να χρησιμοποιήσεις το κουμπί δίεση 'Εισαγωγή κώδικα'

[nikan]

Το mod που σου έδωσα δουλεύει με την default εμφάνιση όπως όλα τα mod.
Γράψε εδώ τον κώδικα <img ...> που έχεις την εικόνα logo μήπως βγάλουμε άκρη.

Έχω μια απορία, μόνος σου έκανες τις αλλαγές στη σελίδα σου;

[nikan]

Στο αρχείο index.css προσθέτεις το παρακάτω

Code Select Expand

#top_section {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100px;
}
#smflogo {
  border: 0;
}

Στο αρχείο index.template.php αλλάζεις αυτό

Code Select Expand

<div id="logo">
<a href="'.$scripturl.'" title=""></a>
</div>

με αυτό

Code Select Expand

<div id="top_section">
<a href="'.$scripturl.'" title=""><img id="smflogo" src="http://www.teikozanis.gr/meeting/Themes/mysticjade_20rc3/images/custom/logo.png" alt="" /></a>
</div>

[nikan]

Μια διόρθωση, το style.css πρέπει να είναι index.css
Και μία ακόμα, η διαδρομή που έβαλα είναι από το τοπικό ενώ πρέπει να είναι από τη σελίδα σου

Διορθώθηκαν

Τα παραπάνω είναι δοκιμασμένα σε τοπικό και δουλεύουν με το mod που έφτιαξα το οποίο αλλάζει τις διαστάσεις MONO της εικόνας smflogo και του έδωσα το όνομα ResizeLogoToFitScreen, κάτι σαν νέο mod με βάση το ResizeImagesToFitScreen.

[lionKingMan]

Μια διόρθωση, το style.css πρέπει να είναι index.css
Και μία ακόμα, η διαδρομή που έβαλα είναι από το τοπικό ενώ πρέπει να είναι από τη σελίδα σου

Διορθώθηκαν

Τα παραπάνω είναι δοκιμασμένα σε τοπικό και δουλεύουν με το mod που έφτιαξα το οποίο αλλάζει τις διαστάσεις MONO της εικόνας smflogo και του έδωσα το όνομα ResizeLogoToFitScreen, κάτι σαν νέο mod με βάση το ResizeImagesToFitScreen.

Δεν καταλαβα αυτο -> που έβαλα είναι από το τοπικό ενώ πρέπει να είναι από τη σελίδα σου
και επισης αν δημιουργησω ενα αρχειο index.css και βαλω εκει τον κωδικα σου θα ειναι οκ ?

[nikan]

Το αρχείο με τα χρώματα της εμφάνισης είναι το index.css δεν χρειάζεται να το δημιουργήσεις.
Η διεύθυνση της εικόνας logo.png που είχα βάλει ήταν από το τοπικό server δοκιμής που έκανα και γι'αυτό δεν εμφανιζόταν η εικόνα σου, τώρα είναι ok.

[lionKingMan]

Στο αρχείο index.css προσθέτεις το παρακάτω

Code Select Expand

#top_section {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100px;
}
#smflogo {
  border: 0;
}

Στο αρχείο index.template.php αλλάζεις αυτό

Code Select Expand

<div id="logo">
<a href="'.$scripturl.'" title=""></a>
</div>

με αυτό

Code Select Expand

<div id="top_section">
<a href="'.$scripturl.'" title=""><img id="smflogo" src="http://www.teikozanis.gr/meeting/Themes/mysticjade_20rc3/images/custom/logo.png" alt="" /></a>
</div>

Χρησιμοποιησα ακριβως αυτον των κωδικα και λειτουργησε.
Το προβλημα ηταν οτι εμφανιζε ενα μικρο ασπρο πλαισιο και μου ειπες οτι ειναι το background.Ετσι τον εσβησα τον κωδικα γιατι μου φαινοταν λιγο ασχημο.Δεν μπορει να γινει κατι γι'αυτο?

[nikan]

Ναι, αυτό πρέπει να κάνεις

[lionKingMan]

Πραγματι λειτουργει!

thanks!!!

Ομως δες οτι εμφανιζει ενα μικρο ασπρο πλαισιο....τι μπορει να φταιει?

http://teikozanis.gr

[nikan]

Δεν έχει background και μένει λευκό

[lionKingMan]

Δεν έχει background και μένει λευκό

Να δωσω μια ιδεα ?
Δεν ξερω αν μπορει να γινει αλλα απο την στιγμη που "τεντώνει" την εικονα δεξια αριστερα , γιατι να μην την τεντωνει και πανω κατω ?

ευχαριστω για την βοηθεια!

[nikan]

Αυτό που κάνει το mod είναι να μικραίνει αναλογικά (width & height) την εικόνα για να χωράει στην οθόνη του χρήστη και όχι να την μεγαλώνει.
Έτσι μπορούμε να βάλουμε μια εικόνα τεράστιων διαστάσεων και να εμφανίζεται ολόκληρη σε όλες τις αναλύσεις της οθόνης.

Νομίζω ότι έβαλες παραπάνω/περιττό κώδικα από αυτόν που σου έδωσα και ίσως εκεί να θέλει διόρθωμα.

[lionKingMan]

Στο αρχείο index.css προσθέτεις το παρακάτω

Code Select Expand

#top_section {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100px;
}
#smflogo {
  border: 0;
}

Στο αρχείο index.template.php αλλάζεις αυτό

Code Select Expand

<div id="logo">
<a href="'.$scripturl.'" title=""></a>
</div>

με αυτό

Code Select Expand

<div id="top_section">
<a href="'.$scripturl.'" title=""><img id="smflogo" src="http://www.teikozanis.gr/meeting/Themes/mysticjade_20rc3/images/custom/logo.png" alt="" /></a>
</div>

Χρησιμοποιησα ακριβως αυτον των κωδικα και λειτουργησε.
Το προβλημα ηταν οτι εμφανιζε ενα μικρο ασπρο πλαισιο και μου ειπες οτι ειναι το background.Ετσι τον εσβησα τον κωδικα γιατι μου φαινοταν λιγο ασχημο.Δεν μπορει να γινει κατι γι'αυτο?

[nikan]

Το πρόβλημα βρίσκεται στο index.css

Αντικατέστησε με αυτό το #header και άλλαξε το background με αυτό που έχεις

Code Select Expand

#header {
position: relative;
overflow: hidden;
background: #1a1a1a url(../images/custom/header-bg.png) repeat-x;
}

και πρόσθεσε αυτό

Code Select Expand

#top_section {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
}
#smflogo {
  border: 0;
}

[lionKingMan]

nikan sorry αλλα δεν καταλαβα τι ακριβως πρεπει να κανω ?

Τι να αλλαξω και που ?

[nikan]

Θα γράφουμε τα ίδια και τα ίδια. Ανέβασε (πατάς 'Συννημένα και άλλες επιλογές' και 'Επισύναψη αρχείου' -> 'Browse...') τα αρχεία index.css και index.template.php να στα φτιάξω

[lionKingMan]