Göra egna knappar?

[Morgan84]

Hejsan.
Jag är lite sugen på att göra egna knappar till mitt forum.
Tänkte använda mig av Photoshop till detta.
Men var ska knapparna placeras?
Kan man centrera ex knappen "snabbsvar" och "skapa ny tråd" Just nu ligger dem på vänster sida i forumet.
Fungerar alla format för knapparna eller vilken filändelse ska man ha?
Vad anses som en normal storlek på knapparna?

Mvh Morgan

www. kiacarclub.se

[Morgan84]

Tänkte mig typ liknande dessa knappar som jag gjorde lite snabbt i ps.
Tycker det blir mer personligt med egna knappar

Mvh Morgan

besvara.jpg

my tråd.jpg

[Kjell]

Tycker det liknar en variant av prosilver, då har du hover knappar att ta hänsyn till.
www.kiacarclub.se/styles/we_universal/imageset/sv/

gdk_buttons.gif (21.34 KiB) Visad 12116 gånger

[Sinom]

Hej Morgan84!

Som Kjell nämde, så bör du ta hänsyn till att hover-effekten skall vara med.

Men var ska knapparna placeras?

Upp till dej, vänsterplacering är dock ofta standard.

Fungerar alla format för knapparna eller vilken filändelse ska man ha?

Du kan välja vilken filändelse du vill. Om du ändrar från .gif till t.ex .png så behöver du bara ändra detta i imageset.cfg senare för att allt ska fungera.

Vad anses som en normal storlek på knapparna?

Upp till dej. Jag hade använt mej utav den filen som finns att ladda ner ovan. Så har du någonting att gå på.

Hugs

[Morgan84]

Jag tackar för all information samt länkningen till paketet.
vad menas med hoover effekt?

Knapparna ska placeras i

Kod: Markera allt

/styles/we_universal/imageset/sv

?
Eller är jag helt ute och cyklar?
Kommer det fungera med egna knappar eller är det kört?
Kanske besvaras den frågan när jag får svar på just hoover effekten

Grymt tacksam för att ni tar er tid att hjälpa en förvirrad smålänning

Mvh Morgan

[Sinom]

Hoover-effect, eller mouse-over-effect innebär att knappen ändras när man dras musen över knappen.

Om du kollar på t.ex:



Så ser du att det där är EN bild, alltså två knappar i en bild, den övre bilden är den vanliga, och den undre är den som den ändrar skepnad till när du har musen över knappen.

Hur ändras bilden när man har musen över den?

prosilvers knappar är 86x50 px. Alltså 50px höga.

Om du öppnar imageset.cfg i \styles\prosilver\imageset\sv\ så ser du att:

Kod: Markera allt

img_button_topic_reply = button_topic_reply.gif*25*86

Den filen endast säger att bilden är 25px hög.
Detta är för att endast visa halva bilden.

Om du sedan öppnar buttons.css i \styles\prosilver\theme\ så kan du finna:

Kod: Markera allt

.buttons div a:hover span	{ background-position: 0 100%; }

Här säger den att när man drar musen över bilden (hover) så flyttas backgrunden 100% uppåt.
Om bilden flyttas 100% uppåt så flyttas den 25px uppåt, varpå man endast ser den nedre hälften utav bilden.

we_universal använder prosilver-knappar, så det allra enklaste är att öppna filen som finns i tråden och redigera allting där inne, sedan spara MED web-slices. (Vilket skär knapparna precis som dom behöver vara)

Använder du samma dimensioner på knapparna så behöver du inte ändra någonting annat.

Hugs

[Morgan84]

Ahh det är så det ligger till;) Jag bgar och bockar för all information Sinom.
Nu till en annan grej.
Hmm testade att göra en knapp som heter "skapa ny tråd" men när jag lagt in knappen i rätt mapp samt uppdaterat bildpaketet så ser jag inte den någonstans alls
Vad är det jag kan tänkas göra galet?

Mvh Morgan

[Sinom]

Bilden skall placeras i den svenska imagetset-mappen: \styles\prosilver\imageset\sv

Bildens namn är oviktigt så länge du inte använder å, ä eller ö.

Öppna sedan imageset.cfg och redigera:

Kod: Markera allt

img_button_topic_reply = button_topic_reply.gif*25*86

Det enda du skall ändra här är: button_topic_reply.gif och eventuellt dimensionen som följer.

Hugs

[Morgan84]

Japp det är i denna mapp

Kod: Markera allt

 \styles\prosilver\imageset\sv

som jag har valt att placera knappen.
Knappen heter skapa ny tråd.
Så knappens namn ska alltså inte vara skapa ny tråd utan ex skapa ny trad.
Med namnet på knappen så menar jag texten innan filändelsen. Alltså namnet på själva filen.
När ja då öppnar

Kod: Markera allt

imageset.cfg 

Så ska den alltså heta

Kod: Markera allt

skapa ny trad.gif*25*86

och dem dimensioner jag har på filen ist för

Kod: Markera allt

25*86

Men placeras alla mina knappar ut automatiskt sedan eller måste man in och placera dem rätt i koderna med sen?

Tacksam för hjälpen.

Mvh Morgan

[Sinom]

Du får inte ha mellanslag i filnamnet

Hugs

[Morgan84]

Hehe nej det blir väll _ ist:)
Men placeras alla mina knappar ut automatiskt sedan eller måste man in och placera dem rätt i koderna med sen?

Mvh

[Marcus]

Du måste på ett eller annat sätt tala om för phpBB3 att du har nya bilder, ett sätt är att ladda upp dem och manuellt via bildhanteringen i Administrationen ställa in varje bild. Eller så gör du som Sinom sa, och justerar imageset.cfg och där efter gör en uppdatering via bildhanteringen (då kommer alla filerna att ställas in på samma sätt som om du gjort det manuellt... men snabbare).

/marcus

[Morgan84]

Koden förändrad då jag vill lägga in ny bild
Koden ser ut så här:

Kod: Markera allt

#
# phpBB Imageset Configuration File
#
# @package phpBB3
# @copyright (c) 2006 phpBB Group 
# @license http://opensource.org/licenses/gpl-license.php GNU Public License 
#
#
# At the left is the name, please do not change this
# At the right the value is entered
# For on/off options the valid values are on, off, 1, 0, true and false
#
# Values get trimmed, if you want to add a space in front or at the end of
# the value, then enclose the value with single or double quotes. 
# Single and double quotes do not need to be escaped.
#
# 

# Images
img_icon_contact_pm = icon_contact_pm.gif*20*28

img_icon_post_edit = icon_post_edit.gif*20*41
img_icon_post_quote = icon_post_quote.gif*20*54

img_icon_user_online = icon_user_online.gif*58*58
img_icon_user_offline = 
img_icon_user_search = 

img_button_pm_forward = button_pm_forward.gif*25*140
img_button_pm_new = button_pm_new.gif*25*82
img_button_pm_reply = button_pm_reply.gif*25*86

img_button_topic_locked = button_topic_locked.gif*25*62
img_button_topic_new = ny_trad.gif*25*86
img_button_topic_reply = button_topic_reply.gif*25*86

Och i min acp ser det ut så här:

acp.jpg

Har då uppdaterat tema,Rensat cache etc.
Mvh Morgan

Men på forumet ser det ut så här:

ny_trad.jpg

[Kjell]

Kan inte se något under www.kiacarclub.se/styles/we_universal/imageset/sv/, får Forbidden (403), det borde vara en vit sida om du har en tom index.html där eller då ska man kunna se alla knappar, vad har du för katalog och filrättigheter på den katalogen i FTP?

[Morgan84]

Så här ser det ut när jag kollar filrättighter för

Kod: Markera allt

sv

fil.jpg