Δεν είναι δύσκολο να δημιουργήσετε τη δική σας ιστοσελίδα σήμερα, ακόμα κι αν δεν έχετε συγκεκριμένες γνώσεις στον τομέα του σχεδιασμού και του προγραμματισμού ιστοσελίδων. Ανά πάσα στιγμή, μπορείτε να χρησιμοποιήσετε τη μάζα των διαφορετικών προτύπων που δημοσιεύονται στο Διαδίκτυο και με βάση τα έτοιμα πρότυπα, να δημιουργήσετε και να δημοσιεύσετε τον ιστότοπό σας στο δίκτυο. Ωστόσο, δεν είναι όλοι ικανοποιημένοι από την έκδοση του ιστότοπου που προσφέρει το πρότυπο. Θα σας πούμε πώς να αλλάξετε το πρότυπο ιστότοπου και να το κάνετε μοναδικό σε αυτό το άρθρο.
Οδηγίες
Βήμα 1
Κατεβάστε το πρότυπο και βρείτε το αρχείο style.css σε αυτό. Συνήθως αυτό το αρχείο βρίσκεται στο φάκελο public_html.
Βήμα 2
Ανοίξτε το αρχείο style.css στο σημειωματάριο και βρείτε το απόσπασμα κώδικα που είναι υπεύθυνο για την εμφάνιση και την αίσθηση της κορυφής του ιστότοπου. Αυτό το απόσπασμα μοιάζει με αυτό:
# λογότυπο {
φόντο: url (images / logotype.png) χωρίς επανάληψη αριστερό κέντρο #fff;
πλάτος: 230px;
ύψος: 60px;
περιθώριο: 10px 25px;
θέση: σχετική
Βήμα 3
Σε αυτόν τον κώδικα, στη γραμμή παρασκηνίου: url, πρέπει να καθορίσετε τη διαδρομή προς την εικόνα φόντου του μελλοντικού ιστότοπου. Οι επόμενες γραμμές δείχνουν το μήκος και το ύψος της εικόνας και το στοιχείο περιθωρίου καθορίζει την κάθετη και οριζόντια εσοχή της εικόνας.
Βήμα 4
Βρείτε το αρχείο logotype.png
Βήμα 5
Ανεβάστε την εικόνα φόντου στο δημόσιο_html / tmpl / template_name / Images / folder, μετά την οποία, όπως αναφέρθηκε παραπάνω, γράψτε τη διαδρομή προς την εικόνα στο παρασκήνιο: γραμμή url.
Βήμα 6
Εάν είναι απαραίτητο, ξαναγράψτε τις παραμέτρους του ύψους, του μήκους και της μετατόπισης της εικόνας. Η θέση: η σχετική γραμμή μπορεί να μείνει μόνη της. Αποθηκεύστε τις αλλαγές στο αρχείο και ανεβάστε το στο διακομιστή αντί για το παλιό αρχείο προτύπου.
Βήμα 7
Αν θέλετε να αλλάξετε το λογότυπο του υποσέλιδου, αναζητήστε στο style.css για το απόσπασμα κώδικα που ξεκινά με τις λέξεις logotype-footer. Αποθηκεύστε την εικόνα με το νέο λογότυπο και ανεβάστε την στο φάκελο Εικόνες του προτύπου.
Βήμα 8
Αλλάξτε τις παραμέτρους μήκους και ύψους. Αποθηκεύστε ξανά το αρχείο style.css και ανεβάστε τον ενημερωμένο ιστότοπο στο διακομιστή.
