Γεια σας!
Θα ήθελα να ρωτήσω πως μπορώ να βάλω το εικονίδιο μιας κατηγορίας να είναι αριστερά και όχι απο κάτω...ρωτάω εδώ γιατί βλέπω πως το έχετε αριστερα :)
Ευχαριστώ

Αυτό ταιριάζει μόνο για PunBB

Ζωντανό Demo βρίσκεται εδώ : http://forumdizz5.mirbb.net/



1. Στην περιγραφή του φόρουμ μπαίνει εικόνα κλάσης imga,όχι στη Διεύθυνση (url) εικόνας αλλά μέσα στην περιγραφή:

Κώδικας:

<img src="http://i41.servimg.com/u/f41/14/71/65/95/92313810.jpg" class="imga" />

2. Στο CSS μπαίνουν ρυθμίσεις για αυτούς και εικόνες κατηγοριών.

Κώδικας:

.imga {
position: absolute;
width: 90px;
height: 90px;
z-index: 2;
margin-left: -100px;
margin-top: -20px;
}

.pun tbody.statused span.status img {
position: absolute;
z-index: 3;
}

Μέγεθος εικόνων
width: 90px;
height: 90px;
πρέπει να προσαρμόσετε στις δικές σας.

3. Εικόνες κατηγοριών σβήνονται, "Νέο" και "Κλειστή" αλλάζονται ώστε να ταιριάζουν με το μέγεθος PNG-εικόνων.



Στο Πίνακα Διαχείρισης - Γενική Διαχείριση - Forum - Ρυθμίσεις - Pages structure προσαρμόζονται στο μέγεθος ενός κελιού με ένα εικονίδιο:

οταν βαζω αυτο:

Κώδικας:

.imga {
position: absolute;
width: 90px;
height: 90px;
z-index: 2;
margin-left: -100px;
margin-top: -20px;
}

.pun tbody.statused span.status img {
position: absolute;
z-index: 3;
}

μου λέει
Λάθος

Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code.

Κώδικας είναι σωστός σβήσε ότι έχει στο CSS προτού το αποθηκεύσεις κάπου και βάλτωνα να δεις.

εκανα και το 2ο βημα αλλα σαυτο: μου εχει μονο το πρωτο και οχι αλλα τρια

Είσαι συνδεδεμένος σαν Αρχικός Αδμιν ή όχι;Για δες το.

ναι ειμαι..μου βγαζει μονο το forum withd και οχι τα αλλα

ααα βρηκα το προβλημα...ειναι phpbb2

Το έκανες,το κλειδώνω;

σε phpbb2 γινεται τιποτα??

Όχι, αυτό δεν κάνει.Θέλει άλλο.Θέλεις να σου γράψω πως;

ναι αν μπορεις :)

Το έκανα και δούλεψε στο phpbb2 και έμεινα ευχαριστημένος, επειδή δεν έχω τελευταία πολύ χρόνο μέσα σε 2-3 μέρες θα στο πω εδώ.

οκ ευχαριστω :)

Καθαρά και μόνο για phpBB2

Στα Templates βρες το index_box μέσα του βρες αυτό:

Κώδικας:

<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>

και αντί εκείνο βάλε αυτό:

Κώδικας:

<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="top">
<div class="imgcat"><img class="statys" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
</td>

το αποθηκεύεις και πατάς το πράσινο σταυρό.

Στο CSS μπαίνει αυτό:

Κώδικας:

    .imga {
    position: relative;
    width: 90px;
    height: 90px;
    z-index: 3;
    margin-left: -100px;
    }

    img.statys {
    position: relative;
    z-index: 4;
    margin-top: 70px;
    margin-left: 20px;
    }

    .imgcat {
    width: 100px;
    height: 120px;
    text-align: left;
    z-index: 2;
    }

    .inall {
    position: relative;
    margin-top: -90px;
    }
    .imga {
    position: relative;
    width: 90px;
    height: 90px;
    z-index: 3;
    margin-left: -100px;
    }

    img.statys {
    position: relative;
    z-index: 4;
    margin-top: 70px;
    margin-left: 20px;
    }

    .imgcat {
    width: 100px;
    height: 120px;
    text-align: left;
    z-index: 2;
    }

    .inall {
    position: relative;
    margin-top: -90px;
    }

Και η εικόνα μπαίνει στην περιγραφή με τέοιο τρόπο:

Κώδικας:

<img src="http://i41.servimg.com/u/f41/14/71/65/95/92313810.jpg" class="imga" />

Παράδειγμα:



Η περιγραφή της κατηγορίας μπαίνει μετά την εικόνα μέσα σε κλάση inall! Είναι απαραίτητη προϋπόθεση!!

Κώδικας:

<div class="inall">Περιγραφή κατηγορίας</div>

Αν δεν υπάρχει περιγραφή δεν χρειάζεται να βάζετε τίποτα μετά την εικόνα.

Εξήγηση: Ορισμένες τιμές θα πρέπει να αλλάξετε με βάση το μέγεθος των εικόνων των κατηγοριών!

.imga {
position: absolute;
width: 90px; /* Πλάτος εικόνας */
height: 90px; /* Ύψος εικόνας */
z-index: 3;
margin-left: -100px; /* μετατόπιση προς τα αριστερά, θα πρέπει να είναι ανάλογη με την αξία width у .imgcat */
}

Το δοχείο στο οποίο είναι οι εικόνες είναι "Νέο", "Δεν υπάρχουν νέες", "κλειστό". Το μέγεθος θα πρέπει να είναι ελαφρώς μεγαλύτερο από την κατηγορία της εικόνας (ώστε να μπορεί κανονικά να μπει ένα πάνω στο άλλο)

.imgcat {
width: 100px; /* πλάτος,πλάτος λίγο ποιο μεγάλο από το .imga */
height: 120px; /* ύψος, όχι ποιο μικρό από ύψος .imga */
text-align: left; /* στοίχιση εικόνας είναι τώρα αριστερά μπορείτε να το αλλάξετε με center ή right */
z-index: 2;
}

Εικόνες "Νέο", "Δεν υπάρχουν νέες", "κλειστό".

img.statys {
position: relative;
z-index: 4;
margin-top: 70px; /* κενό από πάνω, με δικιά σας πρωτοβουλία */
margin-left: 20px; /* κενό από αριστερά, με δικιά σας πρωτοβουλία */
}

Περιγραφή εικόνας.

.inall {
position: relative;
margin-top: -90px; /* αντιστάθμιση ύψους σε ύψος .imga */
}

οκ ευχαριστω! :)

Παρακαλώ πολύ.

γινεται να κάνω την εικόνα πιο μικρή?

μπορεις να μου πεις πως να κανω το εικονίδιο να ειναι 48px? :)