Advertisement:

Author Topic: flash massage  (Read 5965 times)

jaspreet

  • Newbie
  • *
  • Posts: 30
Re: flash massage
« Reply #15 on: January 29, 2013, 09:45:38 pm »
i'm using latest version 3.0.2 and theme modern

trains58554

  • Osclass contributor
  • Hero Member
  • *****
  • Posts: 3642
  • osCanyon, the class of Osclass
Re: flash massage
« Reply #16 on: January 29, 2013, 09:47:48 pm »
Then the flash messages should be working just fine can you post your site url?

Jay

jaspreet

  • Newbie
  • *
  • Posts: 30
Re: flash massage
« Reply #17 on: January 29, 2013, 09:53:27 pm »

trains58554

  • Osclass contributor
  • Hero Member
  • *****
  • Posts: 3642
  • osCanyon, the class of Osclass
Re: flash massage
« Reply #18 on: January 29, 2013, 10:04:50 pm »
It seems as your site is missing the css for the flash messages.

Your style.css file needs this code.


/* Flash message */
.flashmessage,
.
flashmessage {
    
font-size14px;
    
padding15px 0;
    
width100%;
    
top10px;
    
z-index999;
    
text-aligncenter;
}
.
flashmessage-warning {
    
background-color#FCF8E3;
    
bordersolid 2px #FBEED5;
    
color#C09853;
}
.
flashmessage-error {
    
background-colorred;
    
bordernone;
    
color#fff;
}
.
flashmessage-info,
.
flashmessage-ok {
    
background-color#D9EDF7;
    
bordersolid 2px #BCE8F1;
    
color#3A87AD;
}
.
flashmessage .ico-close {
    
positionabsolute;
    
top14px;
    
right17px;
    
floatright;
    
font-size18px;
    
line-height18px;
    
colorwhite;
    
text-shadow:none;
    
text-decoration:none;
    
font-weightbold;
    
cursorpointer;
}
.
flashmessage-error .close {
    
color#B94A48;
}
.
flashmessage-warning .close {
    
color#C09853;
}
.
flashmessage-success .close,
.
flashmessage-information .close {
    
color#3A87AD;
}
.
forcemessages-inline{
    
clear:both;
    
width960px;
    
margin-bottom:15px;
}
.
forcemessages-inline .flashmessage{
    
positionrelative;
}


Jay

jaspreet

  • Newbie
  • *
  • Posts: 30
Re: flash massage
« Reply #19 on: January 29, 2013, 10:12:31 pm »
now flash message show in center i want show top header  and not automatically  close

jaspreet

  • Newbie
  • *
  • Posts: 30
Re: flash massage
« Reply #20 on: January 30, 2013, 07:08:08 am »
please help me :(

trains58554

  • Osclass contributor
  • Hero Member
  • *****
  • Posts: 3642
  • osCanyon, the class of Osclass
Re: flash massage
« Reply #21 on: January 30, 2013, 07:14:46 am »
To make the flash messages show up at the top you have to edit the header.php file and move this code

<div class="forcemessages-inline">
	
	
<?
php osc_show_flash_message(); ?>
	
</div>


from the end of the page to just below this line

<div class="container">


The flash messages no longer auto close in 3.0.2 which is nice. Say for example the user clicks the publish button but they are not logged in but switches tabs before the page switches with the auto hide they would not know why they where directed to the login page instead.

Jay

jaspreet

  • Newbie
  • *
  • Posts: 30
Re: flash massage
« Reply #22 on: January 30, 2013, 08:55:57 am »
this working fine but my site layout not fine check it please

jaspreet

  • Newbie
  • *
  • Posts: 30
Re: flash massage
« Reply #23 on: January 30, 2013, 01:15:41 pm »
sir reply me  :(

marcelo63

  • Newbie
  • *
  • Posts: 47
Re: flash massage
« Reply #24 on: January 30, 2013, 05:14:45 pm »
by default is "built in" on OSclass
the variable is <?php osc_show_flash_message() ; ?> that should be on the header of your theme an controlled by the css file also from your theme like stylesheet.css or style.css
below is a sample:

/* Flash message */
.flashmessage,
.flashmessage {
    font-size: 24px;
    font:red
    font-weight:600;
    padding: 25px 0;
    width: 100%;
    top: 10px;
    z-index: 999;
    text-align: center;
}
.flashmessage-warning {
    background-color: #FCF8E3;

}
.flashmessage-error {
    background-color: #F2DEDE;

}
.flashmessage-info,
.flashmessage-ok {
    background-color: #D9EDF7;

}
.flashmessage .ico-close {
    position: absolute;
    top: 14px;
    right: 17px;
    float: right;
    font-size: 18px;
    line-height: 18px;
    color: white;
    text-shadow:none;
    text-decoration:none;
    font-weight: bold;
    cursor: pointer;
}
.flashmessage-error .close {
    color: #B94A48;
}
.flashmessage-warning .close {
    color: #C09853;
}
.flashmessage-success .close,
.flashmessage-information .close {
    color: #3A87AD;
}