enriquerene

Genral URL issues raises from:
in host
1. root directory of wordpress missing .htaccess file
2. wrong php version
3. missing php extensions

in wp
1. permalinks “must” be changed from default to post name (or custom)
2. missmatching wordpress config website-url and server website domain

Hey people, thanks for help, but nothing worked. I wanna reset my SVN, is it possible. Reset, set it empty and follow all initial steps again. How can I do that? How can I delete everything there? Thanks

Hey Jeffrey, the problem was solved. The support of my cloud forgot to change some configuration there. Thanks for the help

Nice tutorials! So thanks! ??

But it seems I need to wait a while… how long, is it possible to say?

Look to my directory:

https://plugins.svn.www.ads-software.com/add-to-post-footer/

I made a mistake in add assets inside trunk too, how can I remove this directory and keep just assets in the root?

And to update the server directories I just need to update my local ones and run svn up, don’t I?

I see. I give you a crude code, and you customize it, ok?

You need to create divs and put the images as background. Then with hover effect the things appear:

HTML
<div id="circle-one"><div id="inside-one"></div></div>

now in CSS:

#circle-one {
    background-image: url("your-bg-one.jpg");
    border: 3px solid #ccc;
    width: "suppose 300px"
    border-radius: "here you put width/2 = 150px here"
}

#inside-one {
    display: none;
}

#inside-one:hover {
    display: block;
}

So what you have is a div with a background, and inside of it another div with a content that just appear when hover.

This is a way to do that with only HTML and CSS (you can improve this with @keyframe – https://www.w3schools.com/css/css3_animations.asp).

Probably you want to style the inner div, so some tips (I don’t like too much the front-end, but this link helps to learn much CSS) https://css-tricks.com/examples/ShapesOfCSS/

But it’s possible do the same with jquery like I posted before. You haev to create the image with and without the contents, and the JS care about change src when hover or not.

Looking for responsives grid to your CSS and see how use border-radius and width in grids

I’m not sure I understood what you want. You have an image. So you can put some class on it. Go to the Custom CSS local (all themes have this, but I don’t know where exactly is in divi) and insert .chosen-class {}.

Gray scale is a gradient? If you want to put a gradient on a image with linear-gradient(); CSS statement, unfortunately it’s not possible. I had to do this once and couldn’t. Nowadays I would solve this problem with JavaScript.

When mouse over the image you change the src atribute of the img tag. When not over, you put the normal img src. (https://www.tutorialspoint.com/jquery/events-hover.htm)

With jquery:

$('.chosen-class').hover(
    function(){
        $(this).atrr('src','path-to-image/with-gradient-on');
    },
    function(){
        $(this).atrr('src','path-to-image/without-gradient');
    }
);

jQuery(document).ready(function($){
	$(document).on('click','.easydm-dir',function(){
		alert('é um dir');
	});

	$(document).on('click','.easydm-file',function(){
		alert('é um file');
	});
});

Nice!!! Works Perfectly! Thanks… you’re always saving me XD

My code works, just not recognizes jQuery

It works! But my code doesn’t work.
I have this:
wp_enqueue_script( 'easydm-file-ui', '/'.EASYDM_JS_PATH.'file-manager.js', array('jquery'), null, 'all' );
I tried like your answer above, with a comma after ‘jquery’ but still didn’t work. My parameter null is to cut the ?version appended to my file name.

I see. This made me work a lot, and I found an easy way to do my form in option page:

https://wpshout.com/make-wordpress-admin-options-page-without-using-settings-api/

Just <form method="post"> without action atribute. So the the form send the information to the same page, and I treat these easier.

@bcworkz, you helped me very much, I’m so grateful for this. Really thank you.

Nice! I put there for debugging reason and forgot to take off… thanks

SOLVED!!!

The documentation for wp_enqueue_style function is clear to say that the second argument nedd to be relative path to the root installation WordPress. But as I viewed many examples in tutorials using full path I ignored it. Now, defining this constant and all previous steps everything runs ok.

define( 'EASYDM_CSS_PATH' , str_replace( site_url().'/', '', plugin_dir_url( __FILE__ ) ).'css/' );

and in function:
wp_enqueue_style( 'easydm-style', '/'.EASYDM_CSS_PATH.'style.css', array(), null, 'all' );

So, if someone is tired out to looking for and don’t wanna read this all discussion, the final code is:

define( 'EASYDM_CSS_PATH' , str_replace( site_url().'/', '', plugin_dir_url( __FILE__ ) ).'css/' );

add_action( 'admin_enqueue_scripts', 'easydm_add_link_tag_to_head' );

functions file:

function easydm_add_link_tag_to_head() {
	wp_enqueue_style( 'easydm-style', '/'.EASYDM_CSS_PATH.'style.css', array(), null, 'all' );
	wp_enqueue_style( 'easydm-manager', '/'.EASYDM_CSS_PATH.'manager.css', array(), null, 'all' );
}

Where I add two styles.

I found this

https://wpcrux.com/wordpress-enqueue-functions-version/

what solve the above new problem… but still not styling my page… I checked if the path is correct, my file is there, is not empty or any error like these.

Any idea?

I reinstalled wordpress, theme and plugin… nothing worked. Buuut…
Trying do_action, many warning errors messages came to me and one of them suggested me to use ‘admin_enqueue_scripts’, and I used in add_action:

add_action( 'admin_enqueue_scripts', 'easydm_add_link_tag_to_head' );

Here there is another discussion, where I posted firstly this:

https://wordpress.stackexchange.com/questions/219911/enqueue-script-style-plungin-development/219914?noredirect=1#comment322394_219914

I got this link tag:

<link rel='stylesheet' id='easydm-style-css'  href='https://localhost/wordpress/var/www/wordpress/wp-content/plugins/easy-downloader-manager/css/style.css?ver=4.4.2' type='text/css' media='all' />

which is styling nothing because of (I suppose) “?ver=4.4.2” string appended to my href. Now I need to cut it out there.