Looking For Ideas To Upgrade An Old Board

[cassini]

First topic message reminder :

Hello Ape and Skouliki  

I thought I would ask you both seeing that you have done alot of work for me which I do appreciated  

I have had a good clear out of an old board I was using for archives, found a skin I could play around with the colours and changed the forum to Invison for a change. I done the header and avatar myself however maybe it could be improved.   If the header and avatar could be improved, I am open to ideas I do like the Olde English style writing just to have different look to the other two boards I have on forumotion.

Olde Forum to upgrade
http://screencappingzone.forumotion.com/



Avatar

Header

I am looking for a black background skin with screencappingzone in Olde English writing in a wave maybe in sky blue writing similar to the header  . The current blue background is from Microsoft Word however the blue I use for the board writing is this #1FFFF4 which is as near to the background colour of the header and avatar. The blues I have on my old forum, :#1FFFF4 #92BBD1 and the black #1E1E2A.

If you could try blue background black Olde English writing like I have now and black background blue Olde English.

As for the way it looks could I see two, the first as you see it now, and the second in a wave look please, with a reel of film at the end of the writing.

Buttons that relate to TV, camera, lights, (microphone New Topic), clapper board and (sissors for Edit) (megaphone for IP)
Other possible ideas of using some of the work you done on my other sites, profile traffic lights, like button, reputation lights, forum profile shields.

Just let your creative minds go into overdrive   and of course you both will get the credit for it 
If you want the screen caps deleted let me know 

Regards
cassini  

[cassini]

Thanks Jenny, very much appreciated 

Looks alright, what do you think 

[APE]

If you want the nav bar to fade when you put the mouse pointer over it then use this code in your CSS files

Code:

a.mainmenu:hover {
    transition: 0.3s;
    opacity: 0.6;
}

See Video:

For the rest of the buttons:

Code:

img#i_reply:hover, img#Newtopic:hover, img#one:hover, img#post_mq731_5402:hover, a img:hover{
  transition: 0.3s;
    opacity: 0.6;
}

See video:

[cassini]

Successfully updated CSS files.
Only two other things I can think of need a Thumbs Up button please, even though the + and - is in blue
it is difficult to see as its too small.
 
The moving announcement below the Navi Bar, can I have some sort of icon to split the messages up please. On my Cassini Caps site you had the Moon, maybe a silhouette of a TV or a Remote Control   or something else



Finally managing to work my way around the admin panel    Thank you Ape, Jenny and Skouliki very much appreciated   
Regards
Cassini 

[cassini]

@cassini Not sure they look any good all having a change of colour

I remade them to have the same font as the other buttons.
       

I was not sure what you meant by the online one so i just made button like the others in green.

My self I think they should all look better white all but the Delete one.

After looking at them from time to time Jenny is right that they look better in White with Delete being in Red. Sorry, could you change those that need it to White please

Regards
Cassini 

[cassini]

One Question

1 I have forgotten where in the Admin Panel, to change "How many pictures per page" 

[APE]

@Jenny can you use the laptop at home to change them to white for him as i am at work and don't have the laptop.
It's under C11file in pic's XX (my Dell laptop)

[cassini]

I thought I would ask first, is it possible to copy and paste codes from CSS files to my other board 
I was going to attempt adding the Thumbs Up and the Reputation bar like I have on my other two sites.



Regards

Cassini 

[APE]

YES that should work for the thumbs up and the rep thing but as the forum is not the same some codes may not work as each forum system is not the same coding

[cassini]

I will have a go, and let you know if its a success or not 
It didn't work    posted this

Code:

/*** like system***/


.fa_vote, .fa_voted, .fa_count {


font-size:12px;


font-family:Verdana, Arial, Helvetica, Sans-serif;


display:inline-block !important;


width:auto !important;


transition:300ms;


}


         


.fa_voted, .fa_vote:hover { opacity:0.4 }


.fa_voted { cursor:default }


         


.fa_count {


font-weight:bold;


margin:0 3px;


cursor:default;


}


.fa_positive { color:#4A0 }


.fa_negative { color:#A44 }


         


.fa_votebar, .fa_votebar_inner {


background:#C44;


height:3px;


}


         


.fa_votebar_inner {


background:#4A0;


transition:300ms;


}

[JENNY]

Did you add the JavaScript?

[cassini]

Just added Java Script from Cassini Caps forum but still nothing 




Sorry maybe I have done something wrong 
Regards

Cassini 

[APE]

it will not show if you have not had any likes I will take a look for you