Η τρέχουσα ημερομηνία/ώρα είναι Τρι Δεκ 12, 2017 3:59 pm

Η αναζήτηση βρήκε 5 εγγραφές

Επιλογή πολλαπλών "δρόμων" για ranks

Heartsealed έγραψε:εεε οχι βασικα τα posts θα υπαρχουν αυτό που θέλω να αντικαθειστά είναι ο βαθμός του κάθε μέλους με αυτό που του αναλογεί, στο "ενεργειες" δηλαδη τι βάζω;

Στο ενέργειες κανονικά θα έβαζες αυτό που θέλες να υπάρχει εκεί που θα αντικαθιστούμε αυτά τα 2 elements.
π.χ. background-image:url(...);
background-color:#ffffff; κλπ

Τώρα όμως αυτό είναι κάπως λάθος γιατί αυτό αντικαθιστά και τα posts και το Crew Rank. Χμ... scratch study
από Luffy
Την / Το Παρ Απρ 29, 2016 1:57 am
 
Αναζήτηση σε...: Αρχείο Προβλημάτων με Κώδικες
Θεματική Ενότητα: Επιλογή πολλαπλών "δρόμων" για ranks
Απαντήσεις: 40
Αναγνώσεις: 935

Κινούμενο φωτιζόμενο κείμενο

Κινούμενο φωτιζόμενο κείμενο



Σε αυτόν τον οδηγό θα μάθουμε πως να προσθέσουμε στην αρχική μας, ένα κινούμενο φωτιζόμενο κείμενο.

Για να το κάνουμε αυτό πάμε:
Πίνακας Διαχείρισης ► Εμφάνιση ► Αρχική σελίδα ► Γενικές πληροφορίες
Σιγουρεύουμε ότι το μήνυμα θα εμφανίζεται εκεί που το θέλουμε, δηλαδή στην κύρια σελίδα μας:
Κατεβαίνοντας, στο Μήνυμα στην κύρια σελίδα συμπληρώνουμε τα πεδία ως εξής:
Τίτλος μηνύματος : Ότι θέλετε
Περιεχόμενο μηνύματος : αντιγράψτε και επικολλήστε τον παρακάτω κώδικα
Κώδικας:
    <h2>
    <script language="JavaScript1.2">
    //Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
    //visit http://www.beta-cc.de
    //Visit http://www.dynamicdrive.com for this script
    var size="20"
    var message="Εδώ γράφετε το μύνημα σας.."
    var neonbasecolor="grey"
    var neontextcolor="white"
    var neontextcolor2="#FFFFFF"
    var flashspeed=100                        // speed of flashing in milliseconds
    var flashingletters=1                        // number of letters flashing in neontextcolor
    var flashingletters2=1                        // number of letters flashing in neontextcolor2 (0 to disable)
    var flashpause=0                        // the pause between flash-cycles in milliseconds

    ///No need to edit below this line/////

    var n=0
    if (document.all||document.getElementById){
    document.write('<font color="'+neonbasecolor+'">')
    for (m=0;m<message.length;m++)
    document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
    document.write('</font>')
    }
    else
    document.write(message)

    function crossref(number){
    var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
    return crossobj
    }

    function neon(){

    //Change all letters to base color
    if (n==0){
    for (m=0;m<message.length;m++)
    crossref(m).style.color=neonbasecolor
    }

    //cycle through and change individual letters to neon color
    crossref(n).style.color=neontextcolor

    if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
    if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


    if (n<message.length-1)
    n++
    else{
    n=0
    clearInterval(flashing)
    setTimeout("beginneon()",flashpause)
    return
    }
    }

    function beginneon(){
    if (document.all||document.getElementById)
    flashing=setInterval("neon()",flashspeed)
    }
    beginneon()
    </script>
    </h2>


Αλλαγές που μπορείτε να κάνετε:
var size="20" : Αλλάζει το μέγεθος του κειμένου.
var message="Εδώ γράφετε το μήνυμα σας.." : Αντικαθιστάτε το Εδώ γράφετε το μήνυμά σας.. με το μήνυμα που θέλετε να εμφανίζεται στην αρχική σας.
var neonbasecolor="grey" : Το κείμενο θα έχει γκρι χρώμα.
var neontextcolor="white" : Το πρώτο φωτιζόμενο γράμμα του κινούμενου κειμένου θα έχει λευκό χρώμα.
var neontextcolor2="#FFFFFF" : Το δεύτερο φωτιζόμενο γράμμα του κινούμενου κειμένου θα έχει λευκό χρώμα.
var flashspeed=100 // speed of flashing in milliseconds : Ταχύτητα φωτιζόμενων γραμμάτων.
var flashingletters=1 : Τα γράμματα που θα φωτίζονται κατά την φωτιζόμενη κίνηση στο κείμενο.

Ακολούθως πατάμε και είμαστε έτοιμοι! cheers

Ο οδηγός γράφτηκε από Anonymos.
από Luffy
Την / Το Πεμ Δεκ 03, 2015 4:07 am
 
Αναζήτηση σε...: Οδηγοί & Συμβουλές
Θεματική Ενότητα: Κινούμενο φωτιζόμενο κείμενο
Απαντήσεις: 0
Αναγνώσεις: 397

αλλαγή χρωμάτων στους παρόντες χρήστες.

Γεια σας, σήμερα παρατήρησα ότι τα γράμματα στους παρόντες χρήστες δεν αλλά2ουν χρώμα από εδώ:

και τέλος πάντων τώρα μου είναι έτσι τα γράμματα:




μήπως μπορείτε να μου πείτε πως να τα κάνω σε άσπρα γράμματα; ( #FFFFFF )
από logic21
Την / Το Κυρ Ιουν 14, 2015 9:03 am
 
Αναζήτηση σε...: Αρχείο Βοήθειας για Σχεδίαση Φόρουμ & Εμφάνισης
Θεματική Ενότητα: αλλαγή χρωμάτων στους παρόντες χρήστες.
Απαντήσεις: 12
Αναγνώσεις: 309

Κάθετο μενού [Για phpbb2]

Κάθετο μενού [Για phpbb2]


Με αυτό τον οδηγό θα μάθετε πως να αποκτήσετε ένα κάθετο μενού για τα φόρουμ σας μορφής phpbb2.

Παρουσίαση: Κάθετο μενού

Προτού προχωρήσετε στις ενέργεις παρακάτω βεβαιωθείτε ότι πληρείτε τα παρακάτω:
- Είστε ο ιδρυτής του φόρουμ για να έχετε πρόσβαση στα πρότυπα
- Το φόρουμ σας είναι μορφής phpbb2.


Αλλαγές στα Πρότυπα

Πάμε: Πίνακας Διαχείρισης ► Εμφάνιση ► Πρότυπα ► Γενική Διαχείρισης και πατάμε το γραναζάκι ( edit ) στο πρότυπο με τίτλο overall_header.

Aφού το κάνουμε αυτό, αναζητούμε στο πρότυπο την εντολή {GENERATED_NAV_BAR} και αντικαθιστάτε τον παρακάτω κώδικα:
Κώδικας:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">  <tr>  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>  </tr>  </table>

με τον εξής:
Κώδικας:
<div class="vertical_nav">{GENERATED_NAV_BAR}</div>


Εξήγηση:

Με το να αντικαταστήσουμε την εντολή με τον παραπάνω κώδικα, καθιστούμε το μενού σε μια εντολή div που ονομάζεται vertical_nav με την οποία στην συνέχεια θα τροποποιήσουμε στο CSS.

Aφού ολοκληρώσετε τις παραπάνω αλλαγές στα πρότυπα πατήστε και ακολούθως τον πράσινο σταυρό ( add ) για να δημοσιεύσετε το πρότυπο.


Μορφοποίηση CSS

Πάμε: Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet και κάνετε αντιγραφή/επικόλληση τον παρακάτω κώδικα:
Κώδικας:
div.vertical_nav {
    position:absolute;
    top:50px;
    left:5%;
}


Εξηγήσεις:

position:absolute; : μας επιτρέπει να ορίσουμε το μενού σαν ένα αιωρούμενο στοιχείο
top:50px; : μας επιτρέπει να ορίσουμε το στοιχείο μας σε απόσταση 50 pixel από το πάνω μέρος του φόρουμ
left:5%; : μας επιτρέπει να ορίσουμε το στοιχείο μας σε απόσταση 5% από την αριστερή μεριά του φόρουμ

Σημείωση: Αν θέλετε το στοιχείο να βρίσκεται μόνιμα στην θέση εκείνη καθώς κινείστε πάνω και κάτω στο φόρουμ πρέπει να αντικαταστήσετε το position:absolute; με position:fixed;

Για να ολοκληρωθούν οι εργασίες μας προσθέστε στο CSS σας και τον παρακάτω κώδικα:
Κώδικας:
div.vertical_nav a.mainmenu {
    display:list-item;
    list-style:none;
}


Εξηγήσεις:
display:list-item; : μας επιτρέπει να δούμε το περιεχόμενο του στοιχείου μας σε μία λίστα από πάνω προς τα κάτω
list-style:none; : μας επιτρέπει να αφαιρέσουμε τις αρχικές ρυθμίσεις που δίνει σε στοιχεία μιας λίστας (στην προκειμένη τις κουκίδες: •)

Αν θέλετε να προσθέσετε περίγραμμα στο μενού σας, όπως στην παρουσίαση παραπάνω απλά προσθέστε στην εντολή div.vertical_nav που προσθέσατε στο CSS σας:
Κώδικας:
background:#FFFFFF;
    border:1px solid #D0D0D0;

Δηλαδή η εντολή να είναι έτσι στο CSS σας:
Κώδικας:
div.vertical_nav {
    position:absolute;
    top:50px;
    left:5%;
    background:#FFFFFF;
    border:1px solid #D0D0D0;
}


Εξηγήσεις:
background:#FFFFFF; : μας επιτρέπει να ορίσουμε ένα λευκό φόντο στο περιεχόμενο του στοιχείου μας
border:1px solid #D0D0D0; : μας επιτρέπει να ορίσουμε ένα ενιαίο περίγραμμα γκρι χρώματος γύρω από το στοιχείο μας

Αφού τελειώσετε τις αλλαγές που θέλετε να κάνετε πατήστε και είστε έτοιμοι!  No 1


Ο οδηγός γράφτηκε από Matriochka του Γαλλικού Φόρουμ Υποστήριξης, μεταφράστηκε στα Αγγλικά από Sir. Mayo και διορθώθηκε από Ange Tuteur του Αγγλικού Φόρουμ Υποστήριξης και μεταφράστηκε στα Ελληνικά από Luffy
από Luffy
Την / Το Δευ Απρ 27, 2015 1:14 am
 
Αναζήτηση σε...: Οδηγοί & Συμβουλές
Θεματική Ενότητα: Κάθετο μενού [Για phpbb2]
Απαντήσεις: 0
Αναγνώσεις: 401

Αλλάξτε την παλέτα χρωμάτων στον editor

Αλλάξτε την παλέτα χρωμάτων στον editor



Με αυτό τον οδηγό θα σας δείξουμε πως μπορείτε να αλλάξετε τον τρόπο που εμφανίζεται η παλέτα χρωμάτων στο φόρουμ σας. Ο οδηγός δουλεύει για όλες τις μορφές φόρουμ.



Τι πρέπει να γίνει

Πάμε: Πίνακας Διαχείρισης > Γενική Διαχείρισης > Μηνύματα και e-mail > Ρυθμίσεις και ορίζουμε την παλέτα μας να είναι στην απλή μορφή



Javascript

Πάμε: Πίνακας Διαχείρισης > Λειτουργικές Μονάδες > HTML & JAVASCRIPT > Διαχείριση κωδικών Javascript
Σιγουρέψτε ότι τα Javascript σας είναι ενεργοποιημένα


και ακολούθως πατήστε το και συμπληρώστε τα πεδία όπως πιο κάτω:
Title : Color Palette
Placement : In all the pages
Javascript code :
Κώδικας:
$(function(){$(function(){
  if ($("#text_editor_textarea").length < 1) return;
  $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
    var mColorBasic = [],
    html = $('<div />');
               
    // begin list of colors
             
    mColorBasic["Μαύρο"] = "#000000";
    mColorBasic["Σκούρο Μπλέ"] = "#00008B";
    mColorBasic["Γαλαζοπράσινο"] = "#008080";
    mColorBasic["Σκούρο Πράσινο"] = "#006400";
    mColorBasic["Λουλάκι"] = "#4B0082";
    mColorBasic["Καρπουζί"] = "#DC143C";
    mColorBasic["Πορτοκαλί"] = "#FF4500";
    mColorBasic["Καφέ"] = "#663300";
       
    mColorBasic["Σκούρο Γκρι"] = "#666666";
    mColorBasic["Ακριλικό Μπλε"] = "#4169E1";
    mColorBasic["Σκούρο Τιρκουάζ"] = "#00CED1";
    mColorBasic["Πράσινο"] = "#008000";
    mColorBasic["Μοβ"] = "#9400D3";
    mColorBasic["Κόκκινο"] = "#FF0000";
    mColorBasic["Ελαφρύ Πορτοκαλί"] = "#FF9933";
    mColorBasic["Ακριλικό Καφέ"] = "#A0522D";
       
    mColorBasic["Γκρι"] = "#D3D3D3";
    mColorBasic["Ουρανί"] = "#87CEEB";
    mColorBasic["Γαλάζιο"] = "#00FFFF";
    mColorBasic["Λαδί"] = "#32CD32";
    mColorBasic["Βιολετί"] = "#DA70D6";
    mColorBasic["Σομόν"] = "#FA8072";
    mColorBasic["Χρυσό"] = "#FFD700";
    mColorBasic["Ελαφρύ Καφέ"] = "#CD853F";
       
    mColorBasic["Λευκό"] = "#FFFFFF";
    mColorBasic["Ανοιχτό Τιρκουάζ"] = "#AFEEEE";
    mColorBasic["Σκούρο Γαλαζοπράσινο"] = "#7FFFD4";
    mColorBasic["Ανοιχτό Πράσινο"] = "#98FB98";
    mColorBasic["Ροζ"] = "#FFC0CB";
    mColorBasic["Ροδακινί"] = "#FFDAB9";
    mColorBasic["Κίτρινο"] = "#FFFF00";
    mColorBasic["Καρυδί"] = "#DEB887";
             
    // end list of colors
             
    for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
             
    html.find('span').click(function(e) {
      callback($(this).attr('color'));
      editor.closeDropDown(true);
      e.preventDefault();
    });
             
    editor.createDropDown(caller, "color-picker", html);
  }
})});


Πως να αλλάξετε τα ήδη υπάρχον χρώματα ;
Για παράδειγμα θα πάρουμε το Λευκό χρώμα
Κώδικας:
mColorBasic["Λευκό"] = "#FFFFFF";


mColorBasic["Λευκό"] : αλλάζετε το Λευκό με το χρώμα που θέλετε να βάλετε.
#FFFFFF : αλλάζετε το χρώμα με βάση το χρώμα που ορίσατε στο κείμενο πιο πριν. ( διαλέξτε χρώματα από εδώ )


Μορφοποίηση CSS

Πάτε: Πίνακας Διαχείρισης > Εμφάνιση > Εικόνες και χρώματα > Χρώματα > CSS Stylesheet και αντιγράφετε τον εξής κώδικα στο CSS:
Κώδικας:
/* Color palette icons */
.color-option {
  display: inline-block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
  border: 2px solid #fff !important;  /* white border around the icon */
  margin: 3px !important;  /* space between each icon */
  box-shadow: 0 0 2px #778899;  /* shadow */
  cursor: pointer !important;
}

.color-option span{
  display: block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
}

.color-option, .color-option span {
  border-radius: 2px;  /* roundness */ 
}

/* Whole palette - the width influences how many icons appear */
.sceditor-dropdown.sceditor-color-picker {
  width: 200px !important;  /* width of the palette */
  height: 100px !important;  /* height of the palette */
  padding: 5px !important;
  border-radius: 5px !important;
}


Πατάτε και είστε έτοιμοι! cheers


Ο οδηγός προτάθηκε στο Ρώσσικο Φόρουμ Υποστήριξης, προσαρμόστηκε από Matriochka του Γαλλικού Φόρουμ Υποστήριξης, μεταφράστηκε στα Αγγλικά από Ange Tuteur και ακολούθως μεταφράστηκε στα Ελληνικά για τις ανάγκες του ForumGreek.
από Luffy
Την / Το Τετ Δεκ 24, 2014 2:03 pm
 
Αναζήτηση σε...: Οδηγοί & Συμβουλές
Θεματική Ενότητα: Αλλάξτε την παλέτα χρωμάτων στον editor
Απαντήσεις: 0
Αναγνώσεις: 442

Επιστροφή στην κορυφή

Μετάβαση σε: