Preskoči na sadržaj
Ista raja. Nova runda.
GAMERZ.ba — REBORN
Diskusija

kod za sliku u postu

126 pregleda · 7 odgovora · otvorena 12.01.2013. u 14:01

Pozz .. napravio sam blog na blogger.b i sada kad objavljujem neki post ima dole ponudjeno za sliku i kdada učitam neku sliku, uvijek je mala slika na postu...

E sad moze li mi neko reci sta da upisem u post, da nemoram učitati sliku sa kompa, već preko nekog linka a ujedno i da ta slika nije mala ...(već neke moje dimenzije)

Hvala
fcbm je napisao/la:
Drug treba mi html kod za to? :S
Nisi lijepo objasnio :)

Jesi pokusavao sa
<img src="Link.jpg" width="200" height"300" alt="the image" />


:OffT svidja mi se tvoj nick name :)
Zelite li da slika koju dodajete u post bude prikazana u vecem/manjem fomatu, ima okvir, ima odredjenu podlogu, bude vise/manje udaljena od teksta, bude prikazana na desnoj/lijevoj strani rjesenje je definisanje #blog img sa odgovarajucim atributima u css dijelu HTML koda.


Primjer:

#blog { width: 490px; float: left; font-size:12px; padding:20px; color:#fff; background-color: #526685; }

#blog img { width:250px; margin: 0px 20px 10px 10px !important; padding: 15px; border: 2px dotted #FFF; background: #6FBBD9; display: block; float: right; }

U navedenom primjeru width:250px oznacava sirinu slike (takodje se moze koristiti atribut height za definisanje duzine slike, no pozeljno je koristiti samo jedan od ovih atributa zbog razlicitih velicina slika); margin odredjuje prazan prostor oko slike gore, desno, dole i lijevo; padding odredjuje koliko je slika odmaknuta od background-a; border se odnosi na okvir slike, debljinu okvira, vrstu linije (none / hidden / dotted / dashed / solid / double / groove / ridge / inset / outset) i boju okvira; background je pozadina na kojoj se nalazi slika (moze biti neka boja ili slika).
Frisk je napisao/la:
Zelite li da slika koju dodajete u post bude prikazana u vecem/manjem fomatu, ima okvir, ima odredjenu podlogu, bude vise/manje udaljena od teksta, bude prikazana na desnoj/lijevoj strani rjesenje je definisanje #blog img sa odgovarajucim atributima u css dijelu HTML koda.


Primjer:

#blog { width: 490px; float: left; font-size:12px; padding:20px; color:#fff; background-color: #526685; }

#blog img { width:250px; margin: 0px 20px 10px 10px !important; padding: 15px; border: 2px dotted #FFF; background: #6FBBD9; display: block; float: right; }

U navedenom primjeru width:250px oznacava sirinu slike (takodje se moze koristiti atribut height za definisanje duzine slike, no pozeljno je koristiti samo jedan od ovih atributa zbog razlicitih velicina slika); margin odredjuje prazan prostor oko slike gore, desno, dole i lijevo; padding odredjuje koliko je slika odmaknuta od background-a; border se odnosi na okvir slike, debljinu okvira, vrstu linije (none / hidden / dotted / dashed / solid / double / groove / ridge / inset / outset) i boju okvira; background je pozadina na kojoj se nalazi slika (moze biti neka boja ili slika).
Haj ti to nadji ovdeo... ja se satro ma nigdje

body{font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;font-size:10px ;background:url(http://www.addwallpaper.com/wp-content/uploads/2011/08/bayern-munchen-logo-4.jpg)fixed no-repeat ; background-size:Stretc;background-position:top center;text-align:left;}

a,a:visited,a:active{color:#000000;background-color:transparent;text-decoration:none;}

a:hover{color:#000000;background-color:transparent;text-decoration:underline;}

#kontejner{margin:0px auto;padding:0px;border:0px;width:960px;text-align:left;background:transparent;font-family:Arial;margin-top:13px;font-size:14px;
}

#zaglavlje{color:#fff;background:utransparent;margin-top:10px;padding-bottom:0px;font-size:100%;height:82px;}

#zaglavlje h1 { font-size:22px; height:160px;line-height:20px;margin:0; padding-left:15px; border-top-left-radius: 10px; border-top-right-radius: 10px;border: 2px solid white; }
h1 a, h1 a:visited, h1 a:active { color:#fff; font-weight:bold; background-color: #0F61AC; text-decoration: none; padding: 5px 20px 5px 20px; border-radius: 10px; text-shadow: 2px 1px 5px red; }


#zaglavlje h1 { background:url(http://i49.tinypic.com/24c8wud.jpg); color: #fff; }


#zaglavlje p{font-size:110%;text-align:left;padding:0px 0px 0px 0px;margin:0;line-height:120%;}

#sadrzaj{padding:0px 10px; background-color:#e1e1e1;margin-top: 0px; border-left:1px solid #4e5f6f; border-right: 1px solid #4e5f6f}

#blog{width:630px;float:left;font-size:8px;padding-bottom:7px;border:0px solid #FFFFFF;margin-top: -23px;background: transparent;margin-bottom:7px;color:transparent;}

#desna{width:295px;float:right;background-color:transparent;padding-right:0px;border:0px solid #FFFFFF;margin-top:-15px;color:black;margin-left:0px;margin-bottom:5px;padding-bottom:7px;}

#blog p,#sidebar p{font-size:13px;font-family:Arial;line-height:150%;margin-top:-22px;margin-left:0px;text-align:justify;background:white;color:black;padding-top:7px;padding-left:7px;padding-right:10px;padding-bottom:5px;margin-bottom:20px;border:0px solid #FFFFFF;box-shadow:0px 0px 7px black; }

h4.naslov-posta{font-family:Arial;font-size:17px;margin-top:0px;padding:7px;color:white;text-align:center;background:url(http://i49.tinypic.com/108btb7.jpg);box-shadow:0px 0px 7px black; )
}


.footer-posta{font-size:8px;color:white;clear:both;margin-top: 3px
;align:center;-moz-border-radius:0px 0px 7px 7px;padding-top:0px;}

div#footer { background: url(http://oi46.tinypic.com/2dum4hj.jpg); color: #fff; font-size:15px; padding:5px 0; text-align:center; font-weight: bold; text-shadow: 1px -1px 10px black; }

#footer p{margin-top:20px;padding-left:250px;0;margin-left:0px;}

.tab{letter-spacing:1px;font-size:17px;font-weight:bold;text-align:left;text-transform:uppercase;font-family:Verdana;background:url(http://oi46.tinypic.com/2dum4hj.jpg);color:white;padding:9px;margin-top:4px;box-shadow:0px 0px 7px black;}

.box{font-size:14px;margin-top:0px;text-align:center;font-family:Arial;background:white;box-shadow:0px 0px 7px black;}

#cssmenu{ height:35px; display:block; padding:0; margin:0px auto; border-bottom: 2px solid white;}
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:url(http://oi46.tinypic.com/2dum4hj.jpg); border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:url(http://oi46.tinypic.com/2dum4hj.jpg); border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:33px; padding:10px 0; background-color:red; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top, #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top, #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top, #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top, #bf4143 0%,#a13742 100%); background:linear-gradient(top, #bf4143 0%,#a13742 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}
fcbm je napisao/la:
Haj ti to nadji ovdeo... ja se satro ma nigdje

body{font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;font-size:10px ;background:url(http://www.addwallpaper.com/wp-content/uploads/2011/08/bayern-munchen-logo-4.jpg)fixed no-repeat ; background-size:Stretc;background-position:top center;text-align:left;}

a,a:visited,a:active{color:#000000;background-color:transparent;text-decoration:none;}

a:hover{color:#000000;background-color:transparent;text-decoration:underline;}

#kontejner{margin:0px auto;padding:0px;border:0px;width:960px;text-align:left;background:transparent;font-family:Arial;margin-top:13px;font-size:14px;
}

#zaglavlje{color:#fff;background:utransparent;margin-top:10px;padding-bottom:0px;font-size:100%;height:82px;}

#zaglavlje h1 { font-size:22px; height:160px;line-height:20px;margin:0; padding-left:15px; border-top-left-radius: 10px; border-top-right-radius: 10px;border: 2px solid white; }
h1 a, h1 a:visited, h1 a:active { color:#fff; font-weight:bold; background-color: #0F61AC; text-decoration: none; padding: 5px 20px 5px 20px; border-radius: 10px; text-shadow: 2px 1px 5px red; }


#zaglavlje h1 { background:url(http://i49.tinypic.com/24c8wud.jpg); color: #fff; }


#zaglavlje p{font-size:110%;text-align:left;padding:0px 0px 0px 0px;margin:0;line-height:120%;}

#sadrzaj{padding:0px 10px; background-color:#e1e1e1;margin-top: 0px; border-left:1px solid #4e5f6f; border-right: 1px solid #4e5f6f}

#blog{width:630px;float:left;font-size:8px;padding-bottom:7px;border:0px solid #FFFFFF;margin-top: -23px;background: transparent;margin-bottom:7px;color:transparent;}

#desna{width:295px;floatight;background-color:transparent;padding-right:0px;border:0px solid #FFFFFF;margin-top:-15px;color:black;margin-left:0px;margin-bottom:5px;padding-bottom:7px;}

#blog p,#sidebar p{font-size:13px;font-family:Arial;line-height:150%;margin-top:-22px;margin-left:0px;text-align:justify;background:white;color:black;padding-top:7px;padding-left:7px;padding-right:10px;padding-bottom:5px;margin-bottom:20px;border:0px solid #FFFFFF;box-shadow:0px 0px 7px black; }

h4.naslov-posta{font-family:Arial;font-size:17px;margin-top:0px;padding:7px;color:white;text-align:center;background:url(http://i49.tinypic.com/108btb7.jpg);box-shadow:0px 0px 7px black; )
}


.footer-posta{font-size:8px;color:white;clear:both;margin-top: 3px
;align:center;-moz-border-radius:0px 0px 7px 7px;padding-top:0px;}

div#footer { background: url(http://oi46.tinypic.com/2dum4hj.jpg); color: #fff; font-size:15px; padding:5px 0; text-align:center; font-weight: bold; text-shadow: 1px -1px 10px black; }

#footer p{margin-top:20px;padding-left:250px;0;margin-left:0px;}

.tab{letter-spacing:1px;font-size:17px;font-weight:bold;text-align:left;text-transform:uppercase;font-family:Verdana;background:url(http://oi46.tinypic.com/2dum4hj.jpg);color:white;padding:9px;margin-top:4px;box-shadow:0px 0px 7px black;}

.box{font-size:14px;margin-top:0px;text-align:center;font-family:Arial;background:white;box-shadow:0px 0px 7px black;}

#cssmenu{ height:35px; display:block; padding:0; margin:0px auto; border-bottom: 2px solid white;}
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; positionelative;}
#cssmenu > ul > li > a{ outline:none; display:block; positionelative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:url(http://oi46.tinypic.com/2dum4hj.jpg); border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:url(http://oi46.tinypic.com/2dum4hj.jpg); border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:33px; padding:10px 0; background-colored; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; positionelative;}
#cssmenu ul li > ul li a{ outline:none; display:block; positionelative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top, #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top, #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top, #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top, #bf4143 0%,#a13742 100%); background:linear-gradient(top, #bf4143 0%,#a13742 100%); filter:progidXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}
Ma kad hoces u post da ubacis vecu sliku tamo gdje pises post samo ubacis kod za sliku i link slike.
ee to je problem sto ja nezz taj koda za sliku kako ide :D

Prijavi se da bi odgovorio/la na ovu temu.