איך להציב תמונה בפינת האתר?
באתרים רבים רואים תמונה מקושרת בפינה העליונה, הימנית או השמאלית. מסתבר שהדבר פשוט לביצוע ודורש מספר שורות בקובץ ה- css ושורה אחת בקובץ הכותרת (header.php).
עבור תמונה בפינה הימנית יש להוסיף לקובץ ה- css:
#topright {
position: absolute;
right: 0;
top: 0;
display: block;
height: 125px;
width: 125px;
background: url(TRbanner.gif) no-repeat;
text-indent: -999em;
text-decoration: none;}
עבור תמונה בפינה השמאלית יש להוסיף לקובץ ה- css:
#topleft {
position: absolute;
left: 0;
top: 0;
display: block;
height: 125px;
width: 125px;
background: url(TLbanner.gif) no-repeat;
text-indent: -999em;
text-decoration: none;}
כמובן יש להחליף את “TLbanner.gif” בתמונה שלכם.
בקובץ הכותרת, מיד לאחר תג ה- body, יש להוסיף את הקישור לתמונה עם המזהה id=topright עבור הפינה הימנית ו- id=topleft עבור הפינה השמאלית.
דוגמא ניתן לראות כאן
לזמן קצר אשאיר תמונה לדוגמה בפינה השמאלית של האתר.
