Forum Blogowe 17 lat!

Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Zamknięty przez: Htsz
2013-02-05, 20:00
Autor Wiadomość
xnn
[Usunięty]


  Wysłany:    [blogspot] zupelnie czysty szablon + JAK poszerzyc zdjecia
czesc,
trafilam na podobny temat aczkolwiek nie jest to ten sam, wiec bez irytacji prosze ze zakladam nowy ;)

interesuje mnie przede wszytskim mozliwosc regulowania wielkosci zdjec w dodawaniu postow na blogspot'cie
plz help !
interesuje mnie koncowa forma wygladu strony mniej wiecej na ten wzor -

http://shadowsplaying.blogspot.com/

(rozmiar zdjec ze starszych postow, po zjechaniu paskiem w dol)

nie chce miec tez u siebie prawego paska menu naglowkow postow, oraz mozliwosci komentowania ale to juz sobie sama ustawilam, nie potrafie tylko operwac wielkoscia docelowo umieszczanych zdjec bo co wykombinuje to lipa :/

bardzo prosze o pomoc i z gory dzieki wielkie!:)

[ Komentarz dodany przez: Htsz: 30-01-2013, 05:27 ]
//Uwaga//
masz blogspota i szukasz szablonu dla fotografa? zainteresuj się tym => http://prophotoblogs.blogspot.com/
 
  podziel si� tym postem na:



Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739
Wysłany: 2009-10-02, 19:09   
Przełącz formularz dodawania wpisu na Bloggerze na widok HTML.

Kiedy wstawisz obrazek, pojawi Ci się prawdopodobnie kod zbliżony do tego:

Kod

<img src="tu-adres-obrazka.jpg" alt="Opis obrazka" />


Przed "/>" (czyli zamknięciem taga img) dodaj kod:

Kod

style="width:100px;height:150px"


Gdzie liczby 100 i 150 to odpowiednio szerokość i wysokość Twojego obrazka wyrażona w pikselach.
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 29
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2009-10-02, 20:20   
Jeśli to jest jeden obrazek to sposób Lukema jest dobry, lecz jeśli dodajesz zdjęcia masowo to dodaj podobny kod w odpowiednim divie. Czyli tak:

Kod

img {width:100px;height:150px;}
 
  podziel si� tym postem na:
xnn
[Usunięty]


Wysłany: 2009-10-02, 21:13   
dziekuje za wskazowki, zalezy mi na stalej opcji dodawania zdjec w wiekszym rozmiarze,
gdy zmienialam ich szerokosc i wysokosc w edycji posta, to nastepowaly jakies dziwne znieksztalcenia i zupelnie tracilo ostrosc pomimo ze rozdzielczosc ladowanego pliku nie byla mniejsza niz ta na ktora mialo byc zdjecie edytowane


miglu149, przegladam HTML szablonu jaki mam, i nie moge sie polapac w ktorym divie mialoby to byc wstawione, czy moglbys mi pomoc jesli ponizesz skopiuje ci html'ke szablonu? :)

achh zalezy mi na rozdzielczosci ( takie ustawienia generuje mi PS przy kadrowaniu)
glownie aby w- 550 px
h-367

i pytanie male, moze glupie - jesli fota bedzie kadrowana w pionie, to system sobie juz sam dopasuje odpowiednie proporcjonalny stosunek h do w ? ;P

Kod


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#ffffff">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#ffffff">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#ffffff">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#ffffff">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#ffffff">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#ffffff">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#ffffff">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}


/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:6px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}


/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='HIT OUT (nagłówek)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posty w blogu' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>

</div> <!-- end content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> <!-- end outer-wrapper -->
</body>
</html>

 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2009-10-02, 21:19   
miglu149, jeżeli przedstawiasz komuś rozwiązanie to rób to fachowo, twoja propozycja jest dobra, ale wymaga wstawienia tego jako styl dla klasy (najlepiej elementu, który określa styl notki), w przeciwnym razie każdy obrazek dodany na stronie będzie miał takie wymiary.

xnn, podaj proszę adres bloga (można umieścić go także w profilu wtedy będzie widoczny pod kazdym postem).
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 29
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2009-10-02, 21:21   
Wiesz co, w takim razie zrób lepiej tak:
http://wklej.org/id/163306/

Napisz tylko jakie wymiare mają mieć obrazki...
 
  podziel si� tym postem na:
xnn
[Usunięty]


Wysłany: 2009-10-02, 21:31   
ouki, na razie rzucone tylko 4 foty na probe, bo walcze z tymi wielkosciami zdjec, ta jaka tu jest automatycznie ustawiona wydaje mi sie deko za mala dlatego nie startuje z ladowaniem reszty
http://www.hit-out.blogspot.com/

tak jak wspominalam zalezy mi aby standardowe fotki kadrowane w poziome mialy rozdz 550x367
i automatycznie aby te wrzucane w pionie byly proporcjonalne.

dodatkowo, jelsi jest to istotne - sporadycznie beda zdarzaly sie zdjecia zupelnie ciete w kwadrat, albo zlep pionowych zdjec skladanych w PS co np. bedzie nam dawalo plik ladowany o orginalnej rozdzielczosci przypuscmy (zupelnie przypadkowe wymiary) h- 600 x 2567
i chcialabym aby po przestawieniu teraz wspolrzednych - obraz nie byl znieksztalcony tylko system sobie go juz sam przetwarzal pomniejszajac -
wszystko mniej wiecej tak jak podalam na zalaczonym powyzej - w pierwszym poscie linku.
sa tam foty kadrowane w dowolny sposob i na tym wlasnie mi zalezy
pomozecie Panowie? :)
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 29
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2009-10-02, 21:44   
Może ustaw sobie szerokość na 550 i wszystkie fotki zachowają swoje proporcje.

http://wklej.org/id/163319/

[ Komentarz dodany przez: Htsz: 02-10-2009, 22:01 ]
dlaczego wklejasz kody na jakiś dziwnych stronach zamiast podawać tylko fragment, który należy zmienić / dopisać ? z tamtej strony to może kiedyś zniknąć a tutaj zostanie dla innych mających podobne problemy.

[ Komentarz dodany przez: miglu149: 02-10-2009, 22:08 ]
Daję gotowca, żeby już szukać nie musiała. A nie wklejam tutaj całego kodu, bo nie chcę zawalać nim miejsca.

Ale ok. W takim razie zmień proszę to:

Kod

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posty w blogu' type='Blog'/>
</b:section>
</div>

Na to:

Kod

<div id='main-wrapper' style="img {width:550px;}">
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posty w blogu' type='Blog'/>
</b:section>
</div>
Ostatnio zmieniony przez miglu149 2009-10-03, 13:44, w całości zmieniany 3 razy  
 
  podziel si� tym postem na:
xnn
[Usunięty]


Wysłany: 2009-10-02, 21:53   
miglu, skopiowalam dokladnie ale

Nie można przeanalizować szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte.
Komunikat o błędzie XML: The value following "version" in the XML declaration must be a quoted string.

gdzies moze w srodku cos jest niedomkniete?
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 29
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2009-10-02, 22:09   
xnn, patrz post wyżej. Ten kod zamień w pierwotnym szablonie.
 
  podziel si� tym postem na:
Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739
Wysłany: 2009-10-02, 22:31   
Możesz wtedy zamiast pikseli, definiować wielkość procentami, np.

Kod

<img src="..." style="width:40%;height:40%" />
 
  podziel si� tym postem na:
xnn
[Usunięty]


Wysłany: 2009-10-02, 22:37   
edytowaliscie swoje posty dlatego nie widzialam instrukcji wczesniej ;)


zastapilam wskazana sekcje, ta ktora podales, ale nadal po zaladowaniu nowego zdjecia na glownej stronie zarowno pozostale jak i to nowe wyswietlaja sie w tej malej ograniczonej rozdzielczosci :/
dopiero po kliknieciu i otwarciu w nowym oknie pojawiaja sie w wiekszej, a to mnie nie urzadza, bo docelowo chcialabym to miec na glownej, a nie w dodatkowym oknie ktorego notabene (pomiajjac caly nas ztemat rozmowy) w ogole nie chce bo jest to tylko dodatkowa mozliwosc dla kogos na kopiowanie i wykorzystywanie zdjec :/
tak czy siak zdjecia nadal sa male :/


moze wyzej w kodzie html jest gdzies jakis dinks ktory powoduje ze pomimo zapisu w tym divie, nadal nie ma mozliwosci powiekszenia tych fot?
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  »  ::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
 Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz