WordPress

Witaj Gościu ( Zaloguj | Rejestruj )

Każdy temat założony w ewidentnie złym dziale będzie usuwany! Proszę czytać opisy działów i regulamin!

 
Reply to this topicStart new topic
> Ustawienia opcji miniaturki, zmiana konfiguracji
albertsz
post 05.6.2008 - 22:23
Post #1


aktywność:
*

Grupa: Bloger
Postów: 5

Nr: 2 232



Jak wstawiam miniaturkę to robię rozmiar 150 pix. Można to zmienić w panelu admina.

Ale następnie konfiguruje Border na 0 i Horizontal space na 5 i zmieniam Alignment na Left

czy można gdzieś w configu to ustawić by odrazu takie opcje były ? Bo za każdą miniaturą musze wykonywać to samo, taka robota dla robota smile.gif
Go to the top of the page
 
+Quote Post
Kasia79
post 06.6.2008 - 09:44
Post #2


aktywność:
*******

Grupa: Redakcja
Postów: 878

Nr: 2 641



Mozesz ostylowac img w pliku style.css

Kasia


--------------------
Curiosity killed the cat, but satisfaction brought her back.
Go to the top of the page
 
+Quote Post
albertsz
post 12.6.2008 - 06:36
Post #3


aktywność:
*

Grupa: Bloger
Postów: 5

Nr: 2 232




Czy mogła byś podpowiedzieć mi gdzie to zmienić ?

CODE
* {
font-family: Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
margin: 15px 0;
padding: 0;
background: #EFEFEF;
font-size:small;
font-size: 0.76em;
color: #444;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-family: Georgia, Verdana, Serif;
text-transform: lowercase;
font-weight: normal;
color: #444;
}

h2,h3 {
margin-bottom: 10px;
border-bottom: 1px solid #F4F4F4;
font-size: 1.8em;
}

p, ol, ul, blockquote {
line-height: 24px;
}

ul {
margin: 0;
padding: 0;
list-style-image:url(images/bullet.png);
}
#content ul
{
margin-left:2em;
}
#sidebar ul
{
margin-left:1em;
}
a {
color: #c00;
text-decoration:none;
}

a:hover
{
color:#900;
text-decoration: underline;
}

img {
border: none;
}
blockquote
{
margin:1em;
padding:5px;
border-left:#900 2px solid;
color:#666;
}
img.left
{
float:left;
margin:0 1em 1em 0;
}
img.right
{
float:right;
margin:0 0 1em 1em;
}
a img
{
border-bottom:#900 1px dashed;
padding-bottom:3px;
}
.clear
{
clear:both;
}
.center
{
text-align:center;
}

#s, input.textbox {
width: 185px;
margin-bottom: 10px;
border: 1px solid #E0E0E0;
padding:3px;
}

#btnSearch {
border: 1px solid #EBEBEB;
border-bottom-color: #DDDDDD;
background: #FBFBFB url(images/img7.gif) repeat-x;
padding:3px;
color: #7A7A7A;
}
/* Posted */

.posted {
margin: 0;
font-size:0.9em;
padding: 5px;
background:#fdfdfd url(images/img6.gif) repeat-x;
border: 1px solid #F2F2F2;
}

.posted p {
margin: 0;
padding:0;
}

.posted .comments {
float: right;
margin:0;
padding:0 0 0 15px;
background:url(images/comments.gif) no-repeat left center;
}

/* Header */

#header {
width: 917px;
height: 100px;
margin: 0 auto;
background: url(images/img2.gif) repeat-x;
}

/* Logo */

#logo {
float: left;
height: 115px;
padding: 0 0 0 0;
background: url(images/img1.gif) no-repeat;
}

#logo * {
text-decoration: none;
}

#logo h1 {
float: left;
padding: 50px 0 0 40px;
font-size: 2.6em;
}

#logo h1 a {
color: #212123;
}

#logo h2 {
float: left;
padding: 72px 0 0 8px;
font-size: 1em;
border: none;
}

#logo h2 a {
color: #B4B4B4;
}

/* Menu */

#menu {
float: right;
height: 45px;
padding: 70px 25px 0 0;
background: url(images/img3.gif) no-repeat right top;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
padding: 5px 10px;
border-left: 2px solid #DBDBDB;
text-transform: lowercase;
text-decoration: none;
font-size: 1.2em;
color: #3B3B3B;
}
#menu a:hover, #menu li.current_page_item a
{
border-bottom:#DBDBDB 2px solid;
}

/* Splash */

#splash {
width: 877px;
height: 140px;
margin: 0 auto;
background: url(images/img4.jpg) no-repeat center bottom;
border-right: 20px solid #FFFFFF;
border-left: 20px solid #FFFFFF;
}

/* Content */

#main {
width: 847px;
margin: 0 auto;
padding: 30px 35px;
background: #FFFFFF url(images/img8.gif) no-repeat left bottom;
}

#content {
float: left;
width: 620px;
}
#content .post
{
margin-bottom:3em;
}
/* Comments */
#comments, #respond
{
margin-top:1em;
}
#commentform
{
margin:10px 0;
padding:10px;
background:#fcfcfc;
border-top:#ddd 1px solid;
border-bottom:#ddd 1px solid;
}
.commentnum
{
font-size:200%;
}
#main .commentlist {
margin: 0;
padding: 0;
border-top:#ddd 1px solid;
}
.commentlist li
{
list-style:none;
margin: 0;
padding:1em;
border-bottom:#ddd 1px solid;
}
.commentlist li.alt
{
background:#fcf9fc;
}
.commentlist li.highlighted
{
border:#bdb76b 1px solid;
}
.commentlist li .cmtinfo
{
font-size:1em;
}
.commentlist li cite
{
font-style:normal;
font-weight:bold;
}
.commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;
color:#999;
}
#comments
{
border-bottom:none;
}
textarea{
background:#fff;
border:1px solid #E0E0E0;
width:80%;

}
input.textbox:focus, textarea:focus
{
background:#fff;
border:#999 1px solid;
}

/* Sidebar */
#sidebar {
float: right;
width: 200px;
padding: 5px 0 0 0;
}
#sidebar li
{
margin: 1em 0 0 0;
padding:0;
list-style:none;
}
#sidebar li li
{
margin: 0;
padding:0;
list-style:none;
}
#sidebar li li li
{
margin: 0;
padding:0;
list-style-image:url(images/bullet.png);
}


/* Footer */

#footer
{
clear:both;
padding:0;
margin:1em 0;
}

#footer p {
text-align: center;
color: #777777;
}
#footer p span
{
font-size:0.9em;
}
#main .feed
{
background:url(images/icon_feed.gif) no-repeat left;
padding-left:17px;
}
#main .trackback
{
background:url(images/links.gif) no-repeat left;
padding-left:19px;
}


Ten post edytował Kasia79 12.6.2008 - 12:51
Powód edycji: wstawienie codebox
Go to the top of the page
 
+Quote Post
Kasia79
post 12.6.2008 - 12:59
Post #4


aktywność:
*******

Grupa: Redakcja
Postów: 878

Nr: 2 641



W style.css masz takie cos
KOD
img.left {    
float:left;    
margin:0 1em 1em 0;
}
img.right {
float:right;    
margin:0 0 1em 1em;
}
Oznacza to tyle, ze jesli do obrazka przypiszesz class left to *poplynie* on na lewo, a prawy i dolny margines wyniesie 1em. Jesli zas nadasz class right to obrazek poplynie na prawo a dolny i lewy margines wyniesie 1em. Mozesz dostosowac wartosci marginesow do wlasnych potrzeb, a pozniej przy wstawianiu obrazka po prostu dopisz class.

Kasia


--------------------
Curiosity killed the cat, but satisfaction brought her back.
Go to the top of the page
 
+Quote Post
albertsz
post 13.6.2008 - 12:36
Post #5


aktywność:
*

Grupa: Bloger
Postów: 5

Nr: 2 232



Kasiu dziękuje że interesujesz się moim problemem i chcesz pomóc. Ale ja nie jestem informatykiem, co mam wpisać w style.css by mieć border 0 i Horizontal space równe 5 w przypadku wstawienia miniaturki z Media gallery -> show -> Size = Thumbnail, Alignment = Left.

Ten post edytował Kasia79 24.6.2008 - 08:12
Powód edycji: nie cytujemy calego wpisu
Go to the top of the page
 
+Quote Post
Kasia79
post 24.6.2008 - 09:20
Post #6


aktywność:
*******

Grupa: Redakcja
Postów: 878

Nr: 2 641



Ja tez nie jestem informatykiem, ale potrafie szukac, umiemem czytac i nawet jestem w stanie zrozumiec to, co przeczytalam smile.gif
W style.css zmien na:
KOD
img.left {    
border: none;
float:left;    
margin:5px 0;  }
img.right {
border: none
float:right;    
margin:5px 0; }
Po wstawieniu miniaturki do postu, przelacz sie do widoku kodu i upewnij sie, ze wyglada to mniej wiecej tak:
KOD
<img class="left" src='http://sciezka-do-obrazka' alt='jakis-tam' title='jakis-tam' />

Polecam tez lekture http://www.kurshtml.boo.pl/ - przyjemnie i pozytecznie

Kasia


--------------------
Curiosity killed the cat, but satisfaction brought her back.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



Wersja Lo-Fi Aktualny czas: 4 12 08 - 02:56
WebFan | Forum Komputerowe | Spotkania blogerów