Jak zrobić odsyłacz z obrazka do innej strony www


(Gecube1) #1

Witam.

Mam problem na swoim forum gdyż nie mogę zrobić tego co w temacie.Próbowałem już różnych sposobów

takich jak. np.

Tu podaj tekst alternatywny

[url\*=adres stronki][\*img]adres obrazka

Wpisywałem te komendy na różne sposoby w tytule działu jak i w opisie i za każdym razem nie widać obrazka. :?

Jeszcze mam pytanie czy ten obrazek który ma odsyłać na inną stronę w jakim ma być formacie?

Czy mam go wrzucać przez ftp. na serwer?

Prosiłbym o pomoc w tej sprawie, z góry dziękuje.

Pozdrawiam


(floyd) #2

Może z tym adresem względnym jest coś nie tak. Na próbę podaj adres bezwzględny.

No i należy pamiętać by w nazwie obrazka nie było polskich liter oraz, że na serwerach są rozróżniane duże i małe litery czyli adres: "kotek.jpg" i "Kotek.jpg" to są różne adresy.


(kubut) #3

Podaj to z gotowymi adresami, zobaczymy czy nie wpisujesz źle adresu przez przypadek (może mylisz względny z bezwzglęnym)


(Gecube1) #4

[Dołącz do nas](images/steam.jpg)

[url*=[http://steamcommunity.com/groups/Cs-ZabijakaFFA4FUN]](http://steamcommunity.com/groups/Cs-ZabijakaFFA4FUN%5D)[\*img][http://img688.imageshack.us/i/steamjpg.jpg/](http://img688.imageshack.us/i/steamjpg.jpg/)

Coś takiego robię.........


(floyd) #5

(Gecube1) #6

Próbowałem z innymi plikami i to samo.....czyli nic....po wpisaniu komendy pokazuje się tylko "napis alternatywny"

Może źle wrzucam ten obrazek przez ftp. do katalogu images..?


(floyd) #7

Jeszcze proponuję wrzucić ten plik z obrazkiem tam gdzie jest link do niego i oczywiście nie podawać w linku tego katalogu.

Być może katalog images jest inaczej usytuowany niż wskazuje na to link. W ciemno trochę trudno zgadywać. jeżeli wrzucasz plik przez ftp i jest widoczny tam gdzie powinien być, to musi być dobrze.


(Gecube1) #8

Nadal nie działa :?

Może mam coś źle ustawione w PA>>Konfiguracja ....i dlatego nie pokazuje tego obrazka? Nie wiem już sam co o tym myśleć......


(Kuczkowiak) #9

A w którym miejscu strony ma być ten obrazek widoczny?


(Drobok) #10

Link do imgshacka działa, może coś nie tak z twoim klan linkiem. Tag z phpbb nie działa w html. Proponuję dać:

<a href="http://steamcommunity.com/groups/Cs-ZabijakaFFA4FUN"><img src="http://img688.imageshack.us/i/steamjpg.jpg/" alt="Dołącz do nas " border="0" />a> [/code]

(Gecube1) #11

obrazek ma być widoczny na stronie głównej w temacie.....

-- Dodane 12.03.2011 (So) 14:22 --


(Kuczkowiak) #12

A obsługuje rozszerzenia JPG , bo może musisz zmienić w pliku css jak dobrze pamietam rozszerzenie , może tam jest 'gif' a Ty dałeś plik JPG i dlatego nie trybi


(Gecube1) #13

To jest mój plik css..........jak możesz to zerknij bo nie wiem na co patrzeć :slight_smile:

/* General page style. The scroll bar colours only visible in IE5.5+ */

body { 

background-color: #111111;

margin: 0 auto; text-align: center; padding: 0;

}

#header {width:980px; height:290px; background:url(images/header.png) no-repeat; position:relative; margin: 0 auto; text-align: center;}

.senior {font-size:11px; color:ffffff; font-family: Arial; top:6px; left:47px; position:absolute;}

.senior2{font-size:11px; color:ffffff; font-family: Arial; top:6px; left:350px; position:absolute;}

.senior3{font-size:11px; color:ffffff; font-family: Arial; top:6px; left:630px; position:absolute;}

.senior4{position:absolute; top:90px; left:90px; font-family:Arial; }

.menugl{position:absolute; top:248px; left:30px; font-family:Tahoma; font-size:14px;}

/* pozycja pola nick */

.login {background: url(images/login.png) no-repeat; width:178px; height:31px; color:#FFFFFF; 

	position:absolute; top:70px; left:90px;} 	 

/* pozycja pola haslo */

.pass {background: url(images/pass.png) no-repeat; width:178px; height:31px; color:#FFFFFF; 

	position:absolute; top:110px; left:90px;}    

/* pozycja przycisku zaloguj */

.zalogujok {background: url(images/zaloguj.png) no-repeat; width:71px; height:28px;

	position:absolute; top:146px; left:200px;}    

	/* pozycja menu po zalogowaniu */

.menumain{position:absolute; top:160px; left:205px; font-family:Arial; }

/* linki po najechaniu w menu wielkość 11px pogrubiona, kolor, podkreślenie: brak*/

a.menumainlink,a.menumainlink:hover 

{font-size:11px; color:#FFB950; text-decoration: none;}

a.menugl2,a.menugl2:hover 

{font-size:12px; color:#FFB950; font-weight:bold; text-decoration: none;}

/* linki w menu rejestracja, przypomnij haslo. wielkość 11px pogrubiona, kolor, podkreślenie: brak*/

.zapamietaj {position: absolute; top: 152px; left:100px; font-size:11px; font-family:Arial; color:#ffffff;}

/*przycisk zapamietaj */

.zapamietaj2 {position: absolute; top: 150px; left:159px; font-size:11px; font-family:Arial; color:#ffffff;}

/* szukaj pole */

.szukajpole {background: url(images/szukajpole.png) no-repeat; width:178px; height:31px; color:#ffffff; 

position:absolute; top:243px; right:175px;} 

	/* szukaj lupa */

.szukajok {background: url(images/szukajok.png) no-repeat; width:40px; height:31px;

position:absolute; top:243px; right:175px;} 

/*rejesrtruj*/

.rej{position:absolute; top:190px; right:170px;}

/* cellpic and row */

.cell{background:url(images/cell.png) no-repeat top left #111111; height:31px; 

	font-family:Tahoma,sans-serif; font-weight:bold; font-size:12px; color:#ffffff; }

.cell2 {background:url(images/cell.png) no-repeat top center #111111; height:31px; 

	font-family:Tahoma,sans-serif; font-weight:bold; font-size:12px; color:#ffffff; }

.cell3{background:url(images/cell.png) no-repeat top right #111111; height:31px;

	font-family:Tahoma,sans-serif; font-weight:bold; font-size:12px; color:#ffffff; }


/* Main table cell colours and backgrounds */


.row1 {

	background:url(images/row.jpg) repeat-x #111111;

	border-top: 1px solid #111111;

	border-left: 1px solid #111111;

	border-bottom: 1px solid #222222;

	border-right: 1px solid #222222;

	padding:5px;

	}


.row2 {

	background:url(images/row.jpg) repeat-x #111111;

	border-top: 1px solid #111111;

	border-left: 1px solid #111111;

	border-bottom: 1px solid #222222;

	border-right: 1px solid #222222;

	}

.row3 {

	background:url(images/row.jpg) repeat-x #111111;

	border-top: 1px solid #111111;

	border-left: 1px solid #222222;

	border-bottom: 1px solid #222222;

	border-right: 1px solid #222222;

	}

th.row4{background:url(images/cell2.png) repeat-x #111111; height:22px; color:#ffffff; font-weight:normal;}

td.row_helped { background-color: #222222; }

.COUNTERbr br {display:none;}

/* General font families for common tags */

font,th,td,p { font-family: Tahoma, Arial, Arial, Arial}

a:link,a:active,a:visited	{text-decoration: none; color : #FFFFFF; }

p, td {text-decoration: none; font-size : 11px; color : #ffffff; }

a:hover { text-decoration: none; color : #616161; }

hr {text-decoration: none; height: 0px; border: solid #151515 0px; border-top-width: 0px; }


/* This is the border line & background colour round the entire page */

.bodyline { background-color: #0D0D0D; border: 1px #2B2B2B solid; }


/* This is the outline round the main forum tables */

.forumline { background-color: #222222; border: solid #151515 0px; border-top-width: 1px; }


/*

	This is for the table cell above the Topics, Post & Last posts on the index.php page

	By default this is the fading out gradiated silver background.

	However, you could replace this with a bitmap specific for each forum

*/

td.rowpic {

background-color: #0D0D0D;

background-image: url('images/cellpic2.gif');

background-repeat: repeat-y; height: 22px;

}


/* Header cells - the blue and silver gradient backgrounds */

th {

color: #A6A6A6; font-size: 11px; font-weight: bold;

background-color:	#FFB300; height: 25px;

background-image:	url(images/cellpic3.gif);

}


td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {

background-image: url(images/cellpic1.gif);

background-color:#151515; border: #0D0D0D; border-style: solid; height: 28px;

}


/*

	Setting additional nice inner borders for the main table cells.

	The names indicate which sides the border will be on.

	Don't worry if you don't understand this, just ignore it :-)

*/

td.cat,td.catHead,td.catBottom { background-color: #C7D0D7; background-image: url('images/cellpic1.gif'); height: 22px; }

th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {

font-weight: bold; border: #0D0D0D; height: 28px;

}


th.thCornerL,th.thTop,th.thCornerR {color: #A6A6A6; font-size: 70%; font-weight: bold; background-color: #FFB300; background-image: url('images/cellpic3.gif'); height: 28px; }


td.row3Right,td.spaceRow { background-color: #151515; border: #0D0D0D; border-style: solid; }


th.thHead,td.catHead { font-size: 12px; border-width: 0px; }

th.thSides,td.catSides,td.spaceRow	{ border-width: 0px; }

th.thRight,td.catRight,td.row3Right	{ border-width: 0px; }

th.thLeft,td.catLeft { border-width: 0px; }

th.thBottom,td.catBottom { border-width: 0px; }

th.thTop { border-width: 0px; }

th.thCornerL { border-width: 0px; }

th.thCornerR { border-width: 0px; }


/* The largest text used in the index page title and toptic title etc. */

.maintitle {

font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;

text-decoration: none; line-height : 120%; color : #616161;

}


/* General text */

.gen { font-size : 12px; }

.genmed { font-size : 11px; }

.gensmall { font-size : 10px; }

.gen,.genmed,.gensmall { color : #616161; }

a.gen,a.genmed,a.gensmall { color: #FFFFFF; text-decoration: none; }

a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #888888; text-decoration: none; }


/* The register, login, search etc links at the top of the page */

.mainmenu { font-size : 11px; color : #FFFFFF }

a.mainmenu { text-decoration: none; color : #FFFFFF; }

a.mainmenu:hover	{ text-decoration: none; color : #FFFFFF; }


/* Forum category titles */

.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #616161}

a.cattitle { text-decoration: none; color : #FFFFFF; }

a.cattitle:hover	{ text-decoration: none; }


/* Forum title: Text and link to the forums used in: index.php */

.forumlink { font-weight: bold; font-size: 12px; color : #616161; }

a.forumlink { text-decoration: none; color : #FFFFFF; }

a.forumlink:hover	{ text-decoration: none; color : #FFFFFF; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */

.nav { font-weight: bold; font-size: 11px; color : #FFFFFF;}

a.nav	{ text-decoration: none; color : #FFFFFF; }

a.nav:hover	{ text-decoration: none; }


/* titles for the topics: could specify viewed link colour too */

.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; color : #FFFFFF; }

a.topictitle:link	{ text-decoration: none; color : #616161; }

a.topictitle:visited	{ text-decoration: none; color : #FFFFFF; }

a.topictitle:hover	{ text-decoration: none; color : #FFFFFF; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name { font-size : 11px; color : #A6A6A6; text-decoration: none}


/* Location, number of posts, post date etc */

.postdetails { font-size : 10px; color : #A6A6A6; }


/* The content of the posts (body of text) */

.postbody { font-size : 12px; line-height: 18px }

a.postlink:link	{ text-decoration: none; color : #FFFFFF }

a.postlink:visited	{ text-decoration: none; color : #616161; }

a.postlink:hover	{ text-decoration: none; color : #616161 }


/* Quote & Code blocks */

.code {

font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #ffffff;

background-color:	#000000; border: #EFAF18; border-style: solid;

border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

}


.quote {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A6A6A6; line-height: 125%;

background-color:	#000000; border: #EFAF18; border-style: solid;

border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

}



/* Form elements */


form { margin: 0; }

form { display: inline; }


input,textarea, select {

color : #616161;

font: normal 11px Verdana, Arial, Helvetica, sans-serif;

}


/* The text input fields background colour */

input.post, textarea.post, select { background-color : #121212; }

input.post2, textarea.post2, select	{ background-color : #121212; }

input { text-indent : 2px; }


/* The buttons used for bbCode styling in message post */

input.button {

background-color :	#121212;

color : #A6A6A6;

font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;

cursor: pointer;

}


/* The main submit button option */

input.mainoption {

background-color:	#000000;

font-weight: bold;

cursor: pointer;

}


/* None-bold submit button */

input.liteoption {

background-color:	#000000;

font-weight: normal;

cursor: pointer;

}


/* This is the line in the posting page which shows the rollover

	help line. This is actually a text box, but if set to be the same

	colour as the background no one will know ;)

*/

/* ZAKAZ MODYFIKOWANIA ORAZ USUWANIA AUTORA */

/* SENIOR DESIGN http://WWW.SENIORDESIGN.BOO.PL */

/* 20 LISTOPAD SOBOTA 19:50 */

.helpline { background-color: #121212; border-style: none; }


/* Highlight bad words for moderators instead of censoring them */

span.badwordhighlight { background-color: #FFFF00; }


.topbkg { background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x }

.topnav { font-size:10px;background: #e5ebf3 url(images/cellpic_nav.gif) repeat-x;color:#FFFFFF; height: 21px; white-space: nowrap; text-align: center; border: 0px solid #91a0ae; border-width: 1px 0 1px 0 }


.pm { font-size: 11px; text-decoration: none; color: #FF0000 }

.table0

{

	background-color : #121212;

	border-bottom-color : #151515;

	border-bottom-style : solid;

	border-bottom-width : 1;

	border-left-color : #151515;

	border-left-style : solid;

	border-left-width : 1px;

	border-right-color : #151515;

	border-right-style : solid;

	border-right-width : 1px;

	border-top-color : #151515;

	border-top-style : solid;

	border-top-width : 1px;

	color : #A6A6A6;

	font-size : 10px;

}


.pagination {

	color: #F3B116;

	font-size: 10px;

	font-weight: bold;

	padding: 3px;

    padding-bottom: 4px;

	cursor: pointer;

	text-decoration: none;

}

.pagination a, .pagination a:visited, .pagination a:active {

	background-color: #A6A6A6;

	color: #000;

	border-color: #D4D7DA;

	border: #0D0D0D 1px solid;

	padding: 1px;

	text-decoration: none;

}

.pagination a:hover {

	background-color: #A6A6A6;

	color: #FAB411;

	border-color: #A6A6A6;

	border: #5C4209 1px solid;

	text-decoration: none;

	padding: 1px;

}

/* ZAKAZ MODYFIKOWANIA ORAZ USUWANIA AUTORA */

/* SENIOR DESIGN http://WWW.SENIORDESIGN.BOO.PL */

/* 20 LISTOPAD SOBOTA 19:50 */

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */

@import url("formIE.css");

(Kuczkowiak) #14

Jeżeli ma być widoczny na stronie głównej to tu musisz zmienić gdzie pogrubiłem , i najlepiej obrazek daj w formacie ''PNG'' bo to nie jest ten plik css. gdzie się rozszerzenie zmienia., ten obrazek musi się znaleźć także w katalogu ''images'' i pamiętaj że obrazek musi mieć taką samą nazwe wpisie w pliku ''css'' i w katalogu ''images''

PS.

Przed modyfikacją tych plików pamiętaj o zrobieniu kopi zapasowej danego pliku.