Μετάβαση στο κύριο περιεχόμενο

Αναρτήσεις

Εμφάνιση αναρτήσεων με την ετικέτα Background

Κάνετε το background ενεργό για διαφήμιση.

Τον τελευταίο καιρό όλο και πιο πολλοί στις Σελίδες τους χρησιμοποιούν τα backgrounds για διαφημιστικούς σκοπούς. Είναι η τελευταία λέξη της μόδας στα blogs. Το μόνο μειονέκτημα στις περιπτώσεις αυτές είναι ότι πρέπει να αλλάζεις την πίσω εικόνα της Σελίδας σας. Αν λοιπόν σκοπεύετε να διαφημίσετε κάποιον μέσα από το background σας, θα πρέπει να σας έχει εξαρχής ετοιμάσει το φόντο της διαφήμισής του.
Πώς θα εγκαταστήσουμε τη διαφήμιση αυτήν στη δική μας Σελίδα;
Δεν είναι καθόλου απλό για άπειρους blogger. Οι πιο έμπειροι ας ακολουθήσουν τις παρακάτω οδηγίες:
Αλλάξτε το background με την έτοιμη εικόνα που θα σας δώσει ο διαφημιζόμενοςΑποθηκεύστε το πρότυπο και πατήστε "Διάταξη / Προσθήκη gadget"Επιλέξτε HTML/JavaScriptΕπικολλήστε τον παρακάτω κώδικα:
<style>#box-link {
position:fixed;
top: 8px;

Εικόνα στο υπόβαθρο

Αντιγραφή επικόλληση τον παρακάτω κώδικα:



<style>
/* foulscode.blogspot.gr */
h1 {
    font-family: "Lobster", sans-serif;
    font-size: 96px;
    font-weight: bold;
    text-align: center;
}
.mask-galaxy {
    background: url(http://www.jpl.nasa.gov/spaceimages/v2/getMediumImage.php?id=PIA03519) center center;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-animation: travelGalaxy 10s linear infinite;
    -moz-animation: travelGalaxy 10s linear infinite;
    -moz-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-animation: travelGalaxy 10s linear infinite;
    -o-text-fill-color: transparent;
    -o-background-clip: text;
    -o-animation: travelGalaxy 10s linear infinite;
}
@-webkit-keyframes travelGalaxy {
    0% {background-position: right bottom;}
    100% {background-position: left top;}
}
@-moz-keyframes travelGalaxy {
    0% {background-position: right bottom;}
    100% {background-position: left top;}
}
/* foulscode.blogspot.…

Background για το site/blog σας

Μια σειρά με όμορφα Background.



Cross scratches
Subtle Zebra 3D
Fake luxury
Dark Geometric
Blu Stripes
Classy Fabric
HIXS Evolution

Για να αποκτήσετε ένα Background από τα παραπάνω κάντε αποθήκευση ( Αποθήκευση εικόνας ως) 

Blogger Comment box Black Background

Συμφωνώ με το γεγονός ότι το Blogger.com προεπιλεγμένη κουτί με τα σχόλια δεν είναι πολύ ελκυστική και περισσότεροι άνθρωποι θέλουν να αλλάξετε το φόντο του Blogger κουτί τους σχόλιό του. Είμαι δίνοντάς σας αυτό το δροσερό Roomates άκρη θα μετατρέψει την προεπιλεγμένη Box Σχόλιο Blogger με ένα όμορφο και ελκυστικό "μαύρο φόντο" Blogger κουτί σχόλιο. Ακολουθήστε τα παρακάτω βήματα



Δημιουργία αντιγράφων ασφαλείας του προτύπου σας

1 Go To Blogger> Σχεδιασμός> Edit HTML
2 Κάντε κλικ στο "Επέκταση προτύπων γραφικών στοιχείων" κουτί
3 Αναζήτηση για αυτό το]]> </ b: skin>
4 Ακριβώς πάνω από αυτό το μέρος του παρακάτω κώδικα


#mbt-form iframe{ background:#ffffff url(http://4.bp.blogspot.com/-mNhAkLamIz8/TnOlHefpjzI/AAAAAAAAFFE/agkd-EA7pUA/s400/11.png) repeat-x; border:1px solid #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow: 5px 5px 5px #CCCCCC; padding:5px; font:normal 12pt "ms sans serif", Arial; color:#2F97FF; width:…

HTML Background Image Code

Εδώ, έχουμε εφαρμόσει μια εικόνα φόντου σε ένα στοιχείο <div>.


<div style="background-image:url(/pix/web_graphics/free_website_graphics/background_patterns/00akiw5.gif);padding:5px;width:150px;height:200px;border:1px solid black;"><p>See the background image?</p></div>



Εδώ, έχουμε δημιουργήσει την εικόνα φόντου στο υπόβαθρο-επαναλαμβάνω: δεν-επαναλαμβάνω. Αυτό αποτρέπει την εικόνα επαναλαμβάνοντας όλη την στοιχείου (στην περίπτωση που η εικόνα είναι μικρότερο από το στοιχείο). Μπορείτε επίσης να χρησιμοποιήσετε το επαναλαμβάνω-x και επαναλαμβάνω-y για να κάνει την επανάληψη υπόβαθρο μόνο οριζόντια ή κάθετα. Για περισσότερες πληροφορίες, δείτε το CSS υπόβαθρο-επαναλαμβάνω ιδιοκτησίας.


<div style="background-image:url(/pix/web_graphics/free_website_graphics/background_patterns/00akiw5.gif);padding:5px;width:150px;height:200px;border:1px solid black;background-repeat:no-repeat;"><p>The background image doesn't repeat.</p…